HTML5高级程序设计

第1章 HTML5概述

1.1 HTML5发展史

1.2 关于2022年的那个神话

1.3 谁在开发HTML5

1.4 新的认识

1.4.1 兼容性和存在即合理

1.4.2 效率和用户优先

1.4.3 化繁为简

1.4.4 通用访问

1.5 无插件范式

1.6 HTML5的新功能

1.6.1 新的DOCTYPE和字符集

1.6.2 新元素和旧元素

1.6.3 语义化标记

1.6.4 使用Selectors API简化选取操作

1.6.5 JavaScript日志和调试

1.6.6 window.JSON

1.6.7 DOM Level 3

1.6.8 Monkeys、Squirrelfish和其他JavaScript引擎

1.7 小结

第2章 Canvas API

2.1 HTML5 Canvas概述

2.1.1 历史

2.1.2 canvas是什么

2.1.3 canvas坐标

2.1.4 什么情况下不用canvas

2.1.5 替代内容

2.1.6 CSS和canvas

2.1.7 浏览器对HTML5 Canvas的支持

2.2 使用HTML5 Canvas API

2.2.1 检测浏览器支持情况

2.2.2 在页面中加入canvas

2.2.3 变换

2.2.4 路径

2.2.5 描边样式

2.2.6 填充样式

2.2.7 填充矩形区域

2.2.8 绘制曲线

2.2.9 在canvas中插入图片

2.2.10 渐变

2.2.11 背景图

2.2.12 缩放canvas对象

2.2.13 Canvas变换

2.2.14 Canvas文本

2.2.15 应用阴影

2.2.16 像素数据

2.2.17 Canvas的安全机制

2.3 使用HTML5 Canvas创建应用

2.4 小结

第3章 音频和视频

3.1 HTML5 Audio和Video概述

3.1.1 视频容器

3.1.2 音频和视频编解码器

3.1.3 HTML5 Audio和Video的限制

3.1.4 audio元素和video元素的浏览器支持情况

3.2 使用HTML5 Audio和Video API

3.2.1 浏览器支持性检测

3.2.2 理解媒体元素

3.2.3 使用audio元素

3.2.4 使用video元素

3.2.5 进阶功能

3.3 小结

第4章 Geolocation API

4.1 位置信息

4.1.1 纬度和经度坐标

4.1.2 位置信息从何而来

4.1.3 IP地址地理定位数据

4.1.4 GPS地理定位数据

4.1.5 Wi-Fi地理定位数据

4.1.6 手机地理定位数据

4.1.7 用户自定义的地理定位数据

4.2 HTML5 Geolocation的浏览器支持情况

4.3 隐私

4.3.1 触发隐私保护机制

4.3.2 处理位置信息

4.4 使用HTML5 Geolocation

4.4.1 浏览器支持性检查

4.4.2 位置请求

4.5 使用HTML5 Geolocation构建实时应用

4.5.1 编写HTML显示代码

4.5.2 处理Geolocation数据

4.5.3 最终代码

4.6 进阶功能

4.6.1 现在的状态是什么

4.6.2 在Goolge Map上显示“我在这里”

4.7 小结

第5章 Communication API

5.1 跨文档消息通信

5.1.1 理解源安全

5.1.2 跨文档消息通信的浏览器支持情况

5.1.3 使用postMessage API

5.1.4 使用postMessage API创建应用

5.2 XMLHttpRequest Level 2

5.2.1 跨源XMLHttpRequest

5.2.2 进度事件

5.2.3 XMLHttpRequest Level 2的浏览器支持情况

5.2.4 使用XMLHttpRequest API

5.2.5 创建XMLHttpRequest应用

5.3 进阶功能

5.3.1 结构化的数据

5.3.2 Framebusting

5.4 小结

第6章 WebSockets API

6.1 HTML5 WebSockets概述

6.1.1 实时和HTTP

6.1.2 解读HTML5 WebSockets

6.2 HTML5 WebSockets的浏览器支持情况

6.3 编写简单的Echo WebSocket服务器

6.4 使用HTML5 WebSockets API

6.4.1 浏览器支持情况检测

6.4.2 API的基本用法

6.5 创建HTML5 WebSockets应用程序

6.5.1 编写HTML文件

6.5.2 添加WebSocket代码

6.5.3 添加Geolocation代码

6.5.4 合并所有内容

6.5.5 最终代码

6.6 小结

第7章 Forms API

7.1 HTML5 Forms概述

7.1.1 HTML Forms与XForms

7.1.2 功能性表单

7.1.3 HTML5 Forms的浏览器支持情况

7.1.4 输入型控件目录

7.2 使用HTML5 Forms API

7.2.1 新的表单特性和函数

7.2.2 表单验证

7.2.3 验证反馈

7.3 构建HTML5 Forms应用

7.4 小结

第8章 Web Workers API

8.1 HTML5 Web Workers的浏览器支持情况

8.2 使用HTML5 Web Workers API

8.2.1 浏览器支持性检查

8.2.2 创建HTML5 Web Workers

8.2.3 多个JavaScript文件的加载与执行

8.2.4 与HTML5 Web Workers通信

8.3 编写主页

8.3.1 处理错误

8.3.2 HTML5 Web Workers

8.3.3 HTML5 Web Workers的嵌套使用

8.3.4 使用定时器

8.3.5 示例代码

8.4 构建HTML5 Web Workers应用

8.4.1 编写blur.js辅助脚本

8.4.2 编写blur.html应用页面

8.4.3 编写blurWorker.js

8.4.4 与Web Worker通信

8.4.5 运行程序

8.4.6 示例代码

8.5 小结

第9章 Web Storage API

9.1 HTML5 Web Storage概述

9.2 HTML5 Web Storage的浏览器支持情况

9.3 使用HTML5 Web Storage API

9.3.1 检查浏览器的支持性

9.3.2 设置和获取数据

9.3.3 封堵数据泄漏

9.3.4 localStorage与session-Storage

9.3.5 Web Storage API的其他特性和函数

9.3.6 更新Web Storage后的通信

9.3.7 探索Web Storage

9.4 构建HTML5 Web Storage应用

9.5 浏览器数据库存储展望

9.6 进阶功能

9.6.1 JSON对象的存储

9.6.2 共享窗口

9.7 小结

第10章 构建离线Web应用

10.1 HTML5离线Web应用概述

10.2 使用HTML5离线Web应用API

10.2.1 检查浏览器的支持情况

10.2.2 搭建简单的离线应用程序

10.2.3 支持离线行为

10.2.4 manifest文件

10.2.5 applicationCache API

10.3 使用HTML5离线Web应用构建应用

10.3.1 创建记录资源的manifest文件

10.3.2 创建构成界面的HTML和CSS

10.3.3 创建离线JavaScript

10.3.4 检查applicationCache的支持情况

10.3.5 为Update按钮添加处理函数

10.3.6 添加Geolocation跟踪代码

10.3.7 添加Storage功能代码

10.3.8 添加离线事件处理程序

10.4 小结

第11章 HTML5未来展望

11.1 HTML5的浏览器支持情况

11.2 HTML未来的发展

11.2.1 WebGL

11.2.2 设备

11.2.3 音频数据API

11.2.4 视频元素改进

11.2.5 触摸屏设备事件

11.2.6 P2P网络

11.2.7 最终方向

11.3 小结

《HTML5高级程序设计》首先介绍了HTML5的历史背景、新的语义标签及与以往HTML版本相比的根本变化，同时揭示了HTML5背后的设计原理。从第2章起，分别围绕构建令人神往的富Web应用，逐一讨论了HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、Web Workers、Storage等API的使用，辅以直观明了的客户端和服务器端示例代码，让开发人员能够迅速理解和掌握新一代Web标准所涵盖的核心技术。《HTML5高级程序设计》最后探索了离线Web应用并展望了HTML5未来的发展前景。 《HTML5高级程序设计》面向有一定经验的Web应用开发人员，对HTML5及未来Web应用技术发展抱有浓厚兴趣的读者也可以学习参考。