理论篇 3
第1章 浏览器和HTML5 3
1.1 认识浏览器 4
1.1.1 浏览器的起源 4
1.1.2 浏览器的发展 5
1.1.3 移动端浏览器 6
1.2 HTML5简介 7
1.2.1 HTML5是什么 7
1.2.2 浏览器的支持度 8
1.2.3 移动设备的支持度 9
1.3 HTML5元素和文档格式 10
1.3.1 HTML5语法规范 10
1.3.2 HTML5新元素 12
1.3.3 HTML5文档结构 15
1.4 HTML5应用前景和市场 17
1.5 开发环境和工具 18
本章小结 20
本章练习 20
第2章 HTML5布局 21
2.1 HTML5结构元素 22
2.1.1 文章结构 22
2.1.2 内容分段 23
2.1.3 辅助信息 25
2.1.4 导航信息 26
2.1.5 显示/隐藏内容 27
2.1.6 定义对话框 27
2.1.7 图文结构 29
2.2 HTML5样式元素 30
2.2.1 mark元素 30
2.2.2 meter元素 30
2.2.3 progress元素 31
2.2.4 wbr元素 31
2.2.5 time元素 32
本章小结 32
本章练习 32
第3章 HTML5表单 33
3.1 概述 34
3.2 新的表单域 34
3.2.1 color类型 35
3.2.2 date类型 35
3.2.3 datetime类型和datetime-local类型 36
3.2.4 month类型 36
3.2.5 week类型 37
3.2.6 time类型 37
3.2.7 email类型 38
3.2.8 url类型 38
3.2.9 number类型 38
3.2.10 range类型 39
3.2.11 search类型 39
3.3 新的表单域属性 40
3.3.1 autofocus属性 40
3.3.2 form属性 40
3.3.3 formaction属性 41
3.3.4 formenctype属性 42
3.3.5 formmethod属性 43
3.3.6 formnovalidate属性 44
3.3.7 formtarget属性 44
3.3.8 height和width属性 45
3.3.9 list属性 46
3.3.10 min和max属性 46
3.3.11 multiple属性 47
3.3.12 pattern属性 47
3.3.13 placeholder属性 48
3.3.14 required属性 48
3.3.15 step属性 49
3.4 新的form元素 49
3.4.1 datalist元素 50
3.4.2 keygen元素 50
3.4.3 output元素 51
3.5 新的form属性 51
3.5.1 autocomplete属性 51
3.5.2 novalidate属性 52
本章小结 52
本章练习 52
第4章 HTML5画布 53
4.1 绘制图形 54
4.1.1 什么是Canvas 54
4.1.2 如何使用Canvas绘制图形 54
4.1.3 绘制直线 54
4.1.4 绘制渐变线条 55
4.1.5 绘制矩形 56
4.1.6 绘制线性渐变的矩形 57
4.1.7 绘制圆形和圆弧 58
4.2 绘制文字 59
4.3 绘制图像 61
4.4 阴影效果 62
4.5 动画效果 63
本章小结 68
本章练习 68
第5章 HTML5拖放 69
5.1 拖放实现方式 70
5.2 dataTransfer对象 72
5.2.1 dataTransfer对象属性 72
5.2.2 dataTransfer对象方法 73
5.2.3 使用dataTransfer对象 74
5.3 拖放文件 77
本章小结 78
本章练习 78
第6章 HTML5音频和视频 79
6.1 Web上的音频 80
6.1.1 音频格式 80
6.1.2 audio元素的属性、方法和事件 80
6.2 Web上的视频 82
6.2.1 视频格式 82
6.2.2 video元素的属性、方法和事件 82
6.2.3 使用DOM进行视频控制 83
本章小结 88
本章练习 88
第7章 HTML5 Web存储 89
7.1 Web存储 90
7.1.1 什么是Web存储 90
7.1.2 Cookie和Web存储的优缺点 90
7.1.3 Web存储API 91
7.2 Web SQL Database 95
本章小结 100
本章练习 100
第8章 HTML5应用程序缓存 101
8.1 应用程序缓存的应用场景 102
8.2 应用程序缓存和浏览器缓存的区别 102
8.3 浏览器支持情况 103
8.4 如何实现应用程序缓存 103
8.4.1 搭建离线缓存应用程序 103
8.4.2 更新缓存 108
本章小结 112
本章练习 112
第9章 HTML5多线程处理 113
9.1 HTML5多线程概述 114
9.2 使用Web Workers 114
9.2.1 建立主页Worker和监听器 115
9.2.2 添加Worker中的监听器和JavaScript脚本 115
9.2.3 多线程通信的示例演示 115
本章小结 118
本章练习 118
第10章 HTML5手机应用开发 119
10.1 移动设备页面匹配 120
10.2 定位用户的位置 124
10.2.1 Geolocation对象 124
10.2.2 使用百度地图定位 128
本章小结 131
本章练习 132
第11章 CSS3 133
11.1 选择器 134
11.1.1 属性选择器 134
11.1.2 结构伪类选择器 136
11.1.3 UI伪类选择器 143
11.2 背景和边框 145
11.2.1 多色边框 145
11.2.2 边框背景图片 146
11.2.3 圆角边框 147
11.2.4 设计阴影 149
11.2.5 设计背景 150
11.2.6 透明背景色 152
11.3 文本效果 153
11.3.1 设计文本阴影 153
11.3.2 定义文本样式 155
11.4 多列布局 161
11.4.1 定义列宽与列数 161
11.4.2 定义列间距 163
11.4.3 定义列边框样式 164
11.4.4 定义跨列显示 165
11.5 用户界面 166
11.5.1 改变盒模型模式 167
11.5.2 调节元素尺寸 168
11.5.3 控制显示内容 169
11.5.4 恢复默认样式 170
11.6 转换与动画 171
11.6.1 2D转换 171
11.6.2 平滑过渡 176
11.6.3 动画效果 178
11.7 CSS3其他新特性 179
11.7.1 渐变背景 180
11.7.2 设计倒影 181
本章小结 182
本章练习 182
实践篇 185
实践1 HTML5布局 185
实践指导 185
实践1.1 185
实践1.2 187
拓展练习 206
实践2 HTML5表单 207
实践指异 207
实践2.1 207
拓展练习 216
实践3 HTML5画布 217
实践指导 217
实践3.1 217
拓展练习 221
实践4 HTML5拖放 222
实践指导 222
实践4.1 222
拓展练习 227
实践5 HTML5音频与视频 228
实践指导 228
实践5.1 228
拓展练习 233
实践6 HTML5 Web存储 234
实践指牙 234
实践6.1 234
实践6.2 239
拓展练习 245
实践7 HTML5应用程序缓存 246
实践指导 246
实践7.1 246
实践7.2 248
拓展练习 251
实践8 HTML5多线程处理 252
实践指导 252
实践8.1 252
实践8.2 254
拓展练习 258
实践9 CSS3 259
实践指导 259
实践9.1 259
实践9.2 260
实践9.3 260
实践9.4 261
实践9.5 262
实践9.6 264
实践9.7 266
实践9.8 267
实践9.9 268
拓展练习 270