第Ⅰ部分 概述 3
第1章HTML5新特性 3
1.1 HTML5——更优雅的HTML 4
1.2 HTML5与CSS 8
1.3 HTML5的新标记 10
1.4 HTML5与HTML4的比较 10
1.5 HTML5中最新的多媒体处理方式 15
1.6小结 17
第2章HTML5 Web开发中的JavaScript和CSS 19
2.1 JavaScript是Web开发不可或缺的一部分 20
2.2将脚本代码放在页面底部 22
2.3循环和条件判断 24
2.4 JavaScript外部文件 26
2.5 CSS概述 27
2.6 ID选择器:选择页面的特定部分 31
2.7如何将CSS应用于新的HTML5多媒体标记 34
2.8小结 37
第Ⅱ部分 图形和多媒体 41
第3章canvas的创意 41
3.1 canvas简介 42
3.2在Canvas上绘图 44
3.3渐变 48
3.3.1线性渐变 50
3.3.2径向渐变 52
3.4理解路径 54
3.5绘制圆和圆弧 54
3.6绘制线段 64
3.7使用多个canvas 69
3.8在canvas上放置文本 73
3.8.1垂直文本 75
3.8.2阴影文本 77
3.9小结 80
第4章canvas的动画和事件 81
4.1用圆形填充canvas的动画 82
4.2移动的渐变效果 84
4.3使用事件 86
4.3.1蒙德里安风格的艺术 86
4.3.2绘图板 91
4.4小结 98
第5章在 HTML5中使用视频 99
5.1关于格式编码器和一些易混淆的问题 100
5.2转换文件格式 101
5.3观看视频 106
5.3.1回退 108
5.3.2控制视频 109
5.3.3 video元素的更多属性 111
5.3.4视频与事件 112
5.4小结 114
第Ⅲ部分 高级HTML5特性 117
第6章HTML5中的audio 117
6.1 Audio元素简介 118
6.2隐藏audio播放器 121
6.3事件和audio元素 123
6.3.1使用audio元素的事件 123
6.3.2使用audio元素的其他事件 126
6.4小结 128
第7章 使用本地存储持久化存储数据 129
7.1本地存储的定义 130
7.2本地存储基础 130
7.3使用本地存储控制图片 135
7.4小结 140
第8章 拖放功能:在屏幕上移动元素 143
8.1拖放方块 144
8.2为拖放事件添加行为 149
8.3轻松在线购物 153
8.4井字游戏(Tic-Tac-Toe) 161
8.5小结 169
第9章 地理定位 171
9.1地理定位方法 172
9.2关注隐私问题 173
9.3找到你的位置 174
9.3.1处理拒绝和错误 178
9.3.2检测浏览器对geolocation的支持 180
9.4在地图上显示你的位置 183
9.4.1使用地图 187
9.4.2持续地跟踪位置的移动 188
9.5小结 191
第10章HTML5文档结构 193
10.1 div元素的问题 194
10.2 HTML5布局标记 195
10.2.1布局标记概述 195
10.2.2使用新的布局标记 197
10.3小结 211
第11章HTML5新的表单元素和用途 213
11.1 HTML5的input类型 214
11.2创建表单 216
11.2.1添加一个颜色拾取器 217
11.2.2添加日期和时间控件 218
11.2.3使用e-mail和URL字段 221
11.2.4添加Number控件和Range控件 221
11.2.5使用search类型 224
11.2.6添加电话号码输入框 225
11.3创建安全表单 225
11.3.1表单的布局 226
11.3.2执行验证 228
11.3.3提交数据 232
11.4小结 235
第12章CSS3:新样式表技术 237
12.1 CSS3模块 238
12.2 Web字体 238
12.2.1 CSS3的字体规则 239
12.2.2字体格式 240
12.2.3在网站中使用字体 240
12.3背景 243
12.3.1多个背景图片 243
12.3.2设置背景位置 243
12.4边框 245
12.4.1圆角边框和阴影边框 246
12.4.2图形边框 247
12.5变形 250
12.6过渡(Transition) 253
12.7动画 257
12.7.1创建动画 258
12.7.2多个动画 261
12.7.3 CSS动画的附加说明 263
12.8小结 263
第13章 可编辑区域和离线站点 265
13.1可编辑内容 266
13.1.1创建一个可编辑区域 266
13.1.2可编辑内容的一个小游戏 268
13.2离线站点 271
13.2.1缓存清单文件 272
13.2.2检测离线状态的代码 276
13.2.3缓存多个页面 277
13.3小结 278
第14章 高级主题 279
14.1 JavaScript 280
14.1.1循环 280
14.1.2条件分支 285
14.1.3函数 289
14.2用数学方法创建视觉效果 290
14.3视差处理 306
14.4小结 315
附录A快速参考 317
A.1 HTML5模板 317
A.2 HTML全局属性 318
A.3 HTML特定标记的属性 320
A.4 HTML5标记 323