没什么难的HTML5完全自学手册

目 录

第1章 认识HTML5 1
1.1 HTML5的发展历史 1
1.2 HTML5可以做什么 2
1.3 世界知名浏览器厂商对HTML5的支持 3
1.4 如何学习HTML5 3
1.4.1 学习HTML5的资源推荐 3
1.4.2 编写HTML5的软件推荐 4
1.4.3 你的**个HTML5实例 4
1.4.4 对你的**个HTML5实例解析 5
第2章 HTML5的与众不同 7
2.1 语法的改变 7
2.1.1 HTML5语法的改变 7
2.1.2 HTML5版本的兼容性 9
2.1.3 标记实例 11
2.2 新增的元素和废除的元素 12
2.2.1 新增的结构元素 12
2.2.2 新增的其他元素 13
2.2.3 新增的input元素类型 22
2.2.4 废除的元素 24
2.3 新增的属性和废除的属性 25
2.3.1 新增的属性 25
2.3.2 废除的属性 41

2.4 全局属性 42
2.5 HTML5新增的事件 50
第3章 HTML5的结构 52
3.1 HTML5新增的主体结构元素 52
3.1.1 article元素 52
3.1.2 aside元素 55
3.1.3 nav元素 58
3.1.4 pubdate元素 60
3.1.5 section元素 61
3.1.6 time元素 63
3.2 HTML5新增的非主体结构元素 64
3.2.1 address元素 64
3.2.2 header元素 65
3.2.3 hgroup元素 67
3.2.4 footer元素 67
3.2.5 main元素 69
3.3 使用HTML5新增的结构元素编排一份网页纲要 70
3.3.1 编排内容区块 70
3.3.2 网页编排实例 75
第4章 HTML5中的表单与文件API 83
4.1 HTML5表单新增属性与input元素类型的变化 83
4.1.1 表单新增属性 84
4.1.2 input元素类型的变化 101
4.2 HTML5中的表单验证 110
4.2.1 自动验证 111
4.2.2 输入域验证 111
4.2.3 取消验证 118
4.2.4 自定义错误提示信息 118
4.3 HTML5表单新增的页面元素 120
4.3.1 新增的figure和figcaption元素 120
4.3.2 新增的details元素 121
4.3.3 新增的mark元素 123
4.3.4 新增的progress元素 124
4.3.5 新增的meter元素 125
4.3.6 新增的dialog元素 126
4.3.7 改良的ol与dl列表 127
4.3.8 改良的a元素 130
4.3.9 加以限制的cite元素 132
4.3.10 重新定义的small元素 133
4.3.11 安全性增强的iframe元素 133
4.3.12 增强的script元素 139
4.4 HTML5中的文件API 144
4.4.1 通过file对象选择文件 145
4.4.2 文件的Blob对象 146
4.4.3 文件的FileReader接口 153
4.4.4 文件的ArrayBuffer与ArrayBufferView对象 160
4.4.5 文件系统API的各种操作 167
4.5 HTML5中的拖放API 200
4.5.1 实现拖放的步骤 200
4.5.2 dataTransfer对象应用详解 201
第5章 HTML5中的canvas绘制图形 207
5.1 canvas概述 207
5.1.1 canvas是什么 207
5.1.2 canvas坐标 208
5.1.3 在页面中放置canvas元素 208
5.2 canvas应用 209
5.2.1 canvas画直线 209
5.2.2 canvas画矩形 217
5.2.3 canvas画圆 218
5.2.4 canvas画圆角矩形 223
5.2.5 擦除canvas画布 224
5.2.6 canvas画曲线 225
5.2.7 使用clip()函数在指定区域绘图 228
5.2.8 绘制自定义图形 229
5.2.9 canvas使用Path2D对象绘制路径 230
5.2.10 canvas绘制文字 232
5.2.11 canvas绘制渐变图形 236
5.2.12 canvas绘制变形图形 239
5.2.13 canvas 给图形绘制阴影 249
5.3 canvas处理图像 251
5.3.1 canvas绘制图像 252
5.3.2 图像平铺 256
5.3.3 图像裁剪 258
5.3.4 像素处理 260
5.3.5 灰度控制 264
5.4 canvas高级功能 265
5.4.1 图形组合 265
5.4.2 图像混合 267
5.4.3 自定义画板 270
5.5 补充知识 272
5.5.1 保存与恢复状态 272
5.5.2 canvas画布的文件保存功能 273
5.5.3 canvas的简单应用实例 274
第6章 HTML5中的音频与视频 280
6.1 HTML5 audio与video概述 280
6.1.1 视频容器 281
6.1.2 音频和视频的编码器与解码器 281
6.1.3 HTML5对audio和video的限制 282
6.1.4 当今浏览器对audio和video元素的支持情况 282
6.2 使用HTML5 audio和video API 283
6.2.1 浏览器支持性检测 283
6.2.2 HTML5页面中播放视频和音频的方法 284
6.2.3 多媒体的属性 286
6.2.4 多媒体的方法 306
6.2.5 多媒体的事件 308
6.2.6 进阶功能——给音频或视频添加字幕 311
6.2.7 构建HTML5音频与视频的开发实例 317
第7章 HTML5本地存储 329
7.1 HTML5 Web Storage 329
7.1.1 Web Storage概述 329
7.1.2 检测浏览器的支持情况 330
7.1.3 Web Storage中的API简介 331
7.1.4 采用Web Storage来存储JSON对象的数据 332
7.1.5 采用Web Storage实现留言本 335
7.2 本地数据库 336
7.2.1 本地数据库的基本概念 336
7.2.2 使用本地数据库API 337
7.2.3 使用本地数据库SQLLite实现Web留言本 339
7.3 indexedDB数据库的使用 341
7.3.1 连接数据库 341
7.3.2 创建对象仓库与索引 344
7.3.3 indexedDB实现保存与获取数据 349
7.3.4 indexedDB数据库中的事务 352
7.3.5 查询数据 354
7.3.6 统计对象仓库中的数据条数 360
第8章 HTML5构建离线Web应用程序 362
8.1 离线Web应用程序 362
8.1.1 离线Web应用程序概述 362
8.1.2 Web应用程序的本地缓存与浏览器的网页缓存的区别 363
8.2 搭建简单的离线Web应用程序 364
8.2.1 缓存文件（.manifest） 364
8.2.2 服务器的配置 365
8.3 浏览器与服务器的交互过程 368

8.4 applicationCache对象 369
8.4.1 update()方法 369
8.4.2 abort()方法 371
8.4.3 swapCache()方法 371
8.4.4 applicationCache对象的事件 372
第9章 HTML5地理位置（Geolocation）API 376
9.1 Geolocation API的基本知识 376
9.1.1 经度和纬度坐标 377
9.1.2 IP地址地理定位 378
9.1.3 GPS地理定位 379
9.1.4 Wi-Fi地理定位 379
9.1.5 手机地理定位 380
9.1.6 用户自定义的地理定位数据 380
9.1.7 取得当前地理位置 380
9.1.8 监视当前地理位置信息 384
9.1.9 停止获取当前用户的地理位置信息 385
9.1.10 position对象 385
9.2 隐私 387
9.2.1 触发隐私保护机制 387
9.2.2 处理用户地理位置信息 387
9.3 HTML5 Geolocation API的应用 388
9.3.1 使用HTML5 Geolocation 构建实时应用 388
9.3.2 Google Maps API 392
9.3.3 在Google地图上显示“我在这里” 394
9.3.4 HTML5 Geolocation API在百度地图中的应用 395
第10章 HTML5通信（Communication）API 398
10.1 跨文档消息传输 398
10.1.1 使用postMessage API 398
10.1.2 跨文档消息传输实例 399
10.2 WebSocket通信 402
10.2.1 WebSocket通信的基本知识 402
10.2.2 使用WebSocket API 402
10.2.3 发送对象 406
第11章 XMLHttpRequest API的应用 408
11.1 利用XMLHttpRequest从服务器端获取二进制数据 408
11.1.1 ArrayBuffer响应数据 409
11.1.2 Blob响应数据 412
11.2 使用XMLHttpRequest发送数据 413
11.2.1 发送字符串数据 413
11.2.2 发送表单数据 415
11.2.3 发送Blob对象 416
11.2.4 发送ArrayBuffer对象 418
11.2.5 上传文件 420
11.3 实现跨域请求数据 422
第12章 HTML5 Web Workers API 424
12.1 HTML5 Web Workers详述 424
12.1.1 Web Workers的基础知识 424
12.1.2 与线程进行数据交互 427
12.1.3 使用HTML5 Web Workers API 429
12.2 HTML5 Web Workers中的线程 432
12.2.1 线程中的函数、变量和类 432
12.2.2 单层嵌套 434
12.2.3 在多个子线程中进行数据交互 436