第1章 HTML5 1
1.1 HTML5 1
1.1.1 HTML5的发展历程 1
1.1.2 浏览器支持 2
1.1.3 兼容性考量 2
1.1.4 HTML5新特性 3
1.2 Web 3
1.2.1 Web的诞生 3
1.2.2 Web的特点 4
1.2.3 Web的工作原理 5
1.2.4 URL 5
1.3 浏览器 6
1.3.1 浏览器功能 6
1.3.2 浏览器构成 6
1.3.3 浏览器工作主流程 7
1.3.4 主流浏览器 9
1.4 HTML 10
1.4.1 HTML文档基本结构 11
1.4.2 HTML元素 12
1.4.3 HTML属性 16
1.4.4 HTML注释 17
1.5 CSS 19
1.5.1 CSS引用方法 19
1.5.2 CSS语法 21
1.5.3 盒模型 22
1.5.4 CSS定位 25
1.5.5 CSS3 31
1.6 JavaScript 31
1.6.1 JavaScript的历史 31
1.6.2 JavaScript的特点 32
1.6.3 JavaScript引用方法 32
1.6.4 JavaScript语法 34
1.6.5 JavaScript DOM 42
1.7 代码编辑器 47
1.7.1 Notepad+++ 47
1.7.2 Sublime Text 48
1.7.3 Adobe Dreamweaver 49
1.8 使用浏览器调试 49
1.8.1 HTML元素 51
1.8.2 CSS样式 51
1.8.3 JavaScript 51
1.8.4 网络 54
1.8.5 屏幕展示效果 56
1.9 Web服务器环境 57
1.1 0习题 58
第2章 表单 59
2.1 表单形式 59
2.2 传统输入控件 61
2.3 新的输入控件 64
2.4 新表单元素 71
2.5 新表单属性 75
2.6 习题 80
第3章 语义化标签 81
3.1 HTML5之前的语义化标签 81
3.2 语义化标签的作用 83
3.3 HTML5新的语义化标签 83
3.3.1 语义化块级元素 83
3.3.2 <details>和<summary> 89
3.3.3 <figure>和<figcaption> 90
3.3.4 <mark> 91
3.4 习题 92
第4章 音频和视频 93
4.1 音频 93
4.1.1 < audio>标签 93
4.1.2 音频格式兼容 94
4.1.3 < audio>标签属性 96
4.1.4 < audio>标签方法及应用 96
4.2 视频 102
4.2.1 <video>标签 102
4.2.2 视频格式兼容 103
4.2.3 < video>标签长宽设置 104
4.2.4 < video>标签属性 106
4.2.5 < video>标签方法及应用 108
4.2.6 视频字幕 111
4.3 习题 115
第5章 地理定位 116
5.1 浏览器如何获取地理信息 116
5.2 获取访客经纬度信息 117
5.3 错误处理 119
5.4 地理定位选项 122
5.5 地理定位追踪 123
5.6 习题 124
第6章 拖放 125
6.1 拖动（Drag） 125
6.2 放下（Drop） 130
6.3 习题 138
第7章 Canvas画布 140
7.1 Canvas标签使用 140
7.2 Canvas坐标系统 141
7.3 线、路径与形状 142
7.3.1 绘制线段 142
7.3.2 绘制路径 144
7.3.3 绘制形状 147
7.3.4 绘制曲线 150
7.4 绘制文本 153
7.5 图像 155
7.5.1 绘制图像 155
7.5.2 图像缩放与裁剪 156
7.5.3 像素处理 159
7.6 阴影 162
7.7 填充 164
7.7.1 填充图案 165
7.7.2 填充渐变 166
7.8 组合图形 171
7.8.1 透明度 171
7.8.2 合成操作 174
7.8.3 裁剪 176
7.9 坐标变换 179
7.9.1 平移 179
7.9.2 旋转 180
7.9.3 缩放 183
7.9.4 变形 185
7.10 画布当前状态的保存与恢复 189
7.11 画布的保存 192
7.12 习题 195
第8章 Web Worker工作线程 199
8.1 如果没有Web Worker 199
8.2 Web Worker的创建和使用 202
8.3 错误处理 208
8.4 终止线程 209
8.5 共享线程 210
8.6 习题 214
第9章 数据存储 215
9.1 Web Storage 216
9.1.1 添加和读取数据 216
9.1.2 删除数据 222
9.1.3 查找所有数据 225
9.1.4 响应存储变化 226
9.1.5 数据保存格式 229
9.1.6 对象的保存 231
9.1.7 Web Storage与Cookie比较 234
9.2 本地数据库 236
9.2.1 IndexedDB 236
9.2.2 创建并连接数据库 240
9.2.3 添加数据 242
9.2.4 逐个查询所有数据 244
9.2.5 删除单条数据 245
9.2.6 查询单条数据 246
9.3 习题 249
第10章 文件 250
10.1 通过input标签上传文件 250
10.2 读取文件基本信息 252
10.3 自定义input标签样式 253
10.4 多文件选取 256
10.5 读取文件内容 258
10.5.1 读取文本内容 258
10.5.2 读取图片内容 262
10.6 习题 263
第11章 通信 264
11.1 HTTP协议 264
11.1.1 协议特性 264
11.1.2 通信过程 265
11.1.3 HTTP报文结构 265
11.1.4 浏览器查看HTTP报文 267
11.1.5 HTTPS 268
11.2 发送表单信息 268
11.2.1 表单的提交 268
11.2.2 POST与GET比较 270
11.2.3 Post/Redirect/Get设计模式 271
11.3 AJAX 272
11.3.1 XML 272
11.3.2 XMLHttpRequest对象 274
11.3.3 AJAX轮询 279
11.4 服务器发送事件 283
11.5 WebSocket 288
11.5.1 全双工通信 288
11.5.2 通信过程 289
11.6 Fetch 292
11.6.1 发起fetch请求 292
11.6.2 自定义请求参数 295
11.6.3 发送数据 297
11.7 习题 299
第12章 Service Worker服务线程 300
12.1 Service Worker 301
12.2 Service Worker的前景 301
12.3 Service Worker的生命周期 302
12.4 本章实例代码 303
12.5 Register注册 306
12.6 Install安装 308
12.7 Activate激活 310
12.8 Fetch 313
12.9 缓存策略 317
12.9.1 缓存优先、其次网络 318
12.9.2 网络优先、其次缓存 318
12.9.3 仅用缓存 319
12.9.4 仅用网络 320
12.9.5 缓存与网络竞争 320
12.9.6 缓存然后网络 321
12.10 Promise对象简介 322
12.10.1 回调函数与Promise 322
12.10.2 Promise的状态 324
12.10.3 Promise的使用 325
12.11 Cache 332
12.11.1 Caches与Cache 332
12.11.2 创建Cache 333
12.11.3 在Cache内添加 333
12.11.4 在Cache内删除 334
12.11.5 在Cache内匹配 334
12.11.6 获取所有已创建Cache命名 334
12.11.7 删除一个Cache 334
12.1 2习题 335
第13章 HTML5实例 336
13.1 网格系统 337
13.2 绘制贪吃蛇和果实 338
13.2.1 绘制果实 338
13.2.2 绘制贪吃蛇 341
13.3 游戏的动态过程 343
13.3.1 贪吃蛇移动 344
13.3.2 贪吃蛇转向 347
13.3.3 贪吃蛇吃果实 349
13.3.4 贪吃蛇吃自己游戏结束 351
13.4 游戏音效 353
13.5 游戏分数记录 354
13.5.1 记录分数 355
13.5.2 显示分数 359
13.5.3 动态化实现排行榜 361
13.5.4 完善游戏页面 366
13.6 习题 372
参考文献 374