目 录
01 HTML 5概述 1
1.1 HTML 5介绍 1
1.2 HTML 5的发展历程 2
1.3 认识HTML 5 3
1.3.1 兼容性 3
1.3.2 用户优先和效率 3
1.3.3 化繁为简 4
1.3.4 通用访问 4
1.4 HTML 5的新增功能 5
1.4.1 字符集和DOCTYPE的改进 5
1.4.2 新元素 5
1.4.3 标准改进 6
1.4.4 使用Selectors API简化选取操作 6
1.4.5 window.JSON 8
1.5 使用HTML 5的优势 9
1.6 HTML 5的未来发展 9
1.6.1 Internet Explorer 8 9
1.6.2 众多全新浏览器的支持 9
1.7 本章小结 10
02 HTML 5与HTML4的区别 11
2.1 语法上的差异 11
2.1.1 HTML 5的语法变化 11
2.1.2 HTML 5中的标记方法 12
2.1.3 HTML 5与旧版本的兼容性 12
2.2 元素上的差异 13
2.2.1 HTML 5中新增加的元素 13
2.2.2 HTML 5中废除的元素 19
2.3 属性上的差异 19
2.3.1 HTML 5中新增加的属性元素 19
2.3.2 HTML 5中废除的属性 20
2.3.3 全局属性 20
2.4 本章小结 22
03 HTML 5的结构 23
3.1 新的主体结构元素 23
3.1.1 article元素 23
3.1.2 section元素 24
3.1.3 nav元素 25
3.1.4 aside元素 27
3.1.5 time元素与微格式 28
3.1.6 pubdate属性 29
3.2 新的非主体结构元素 30
3.2.1 header元素 30
3.2.2 hgroup元素 30
3.2.3 footer元素 31
3.2.4 address元素 32
3.3 HTML 5的结构阐述 32
3.3.1 HTML 5大纲 33
3.3.2 对新的结构元素使用样式 35
3.4 本章小结 36
04 绘图功能的实现 37
4.1 canvas API概述 37
4.1.1 canvas是什么 37
4.1.2 canvas的历史 38
4.1.3 canvas坐标 38
4.1.4 什么情况下不使用canvas 39
4.1.5 替代内容 39
4.1.6 CSS和canvas 39
4.1.7 浏览器对canvas的支持 39
4.1.8 canvas的核心Context 40
4.2 如何使用canvas API 40
4.2.1 检测浏览器是否支持 40
4.2.2 在页面中加入canvas 41
4.2.3 上机操作——绘制矩形 41
4.3 应用canvas API绘制曲线路径 45
4.3.1 路径 45
4.3.2 上机操作——描边样式 46
4.3.3 上机操作——对矩形填充样式 47
4.3.4 上机操作——绘制曲线 48
4.4 应用canvas API绘制图像 49
4.4.1 上机操作——在canvas中插入图像 49
4.4.2 上机操作——绘制渐变图像 50
4.4.3 上机操作——缩放canvas对象 52
4.4.4 上机操作——canvas变换 53
4.5 canvas文本应用 55
4.5.1 上机操作——canvas 文本绘制 55
4.5.2 上机操作——应用阴影 56
4.5.3 上机操作——像素数据 57
4.6 实例精讲——动态时钟 58
4.7 本章小结 62
05 网络上的视频和音频应用 63
5.1 HTML 5 中audio和video概述 63
5.1.1 视频容器 63
5.1.2 音频和视频编解码器 65
5.1.3 HTML 5音视频的问题 67
5.1.4 哪些浏览器支持Audio和Video元素 67
5.1.5 HTML 5音视频支持格式 68
5.2 HTML 5中audio和video元素的应用 69
5.2.1 检测浏览器是否支持 69
5.2.2 audio元素 70
5.2.3 上机操作——使用audio元素 72
5.2.4 video元素 72
5.2.5 上机操作——使用video元素 74
5.3 实例精讲——在HTML 4中实现音频和视频的播放 75
5.4 实例精讲——在HTML 5中实现音频和视频的播放 78
5.5 本章小结 82
06 表单的应用 83
6.1 HTML 5 Forms概述 83
6.1.1 Forms和XForms 83
6.1.2 HTML 5 Forms的新特性 84
6.1.3 浏览器对HTML 5 Forms的支持情况 84
6.1.4 输入型控件 86
6.2 表单新特性与函数 86
6.2.1 新增属性 87
6.2.2 大幅度地增加与改良input元素的种类 90
6.2.3 上机操作——对新的表单元素使用样式 93
6.2.4 上机操作——追加output元素 95
6.3 验证表单 95
6.3.1 验证状态对象 95
6.3.2 上机操作——自动验证 96
6.3.3 上机操作——显示验证 97
6.3.4 取消验证 98
6.3.5 上机操作——自定义错误信息 98
6.4 实例精讲——HTML 5中的Forms应用 99
6.5 本章小结 102
07 全新的文件应用 103
7.1 新增的页面元素 103
7.1.1 上机操作——figure元素Forms 103
7.1.2 上机操作——figcaption元素Forms 104
7.1.3 上机操作——details元素Forms 104
7.1.4 上机操作——mark元素Forms 105
7.1.5 上机操作——progress元素Forms 105
7.1.6 上机操作——meter元素Forms 106
7.1.7 上机操作——menu元素Forms 107
7.1.8 上机操作——command元素Forms 108
7.2 增强的页面元素 109
7.2.1 上机操作——ol列表 109
7.2.2 上机操作——dl列表 111
7.2.3 上机操作——cite元素 111
7.2.4 上机操作——small元素 112
7.3 文件API 112
7.3.1 filelist对象与file对象 112
7.3.2 blob对象 113
7.3.3 FileReader接口 113
7.4 拖放API 115
7.4.1 实现拖放API的过程 115
7.4.2 dataTransfer对象的属性与方法 116
7.4.3 上机操作——设置拖放时的
视觉效果 116
7.4.4 上机操作——自定义拖放图标 118
7.5 实例精讲——在HTML 5中实现文件拖放 120
7.6 本章小结 123
08 地理位置信息处理 125
8.1 关于地理位置信息 125
8.1.1 经度和纬度坐标 125
8.1.2 IP地址定位数据 126
8.1.3 GPS地理定位数据 126
8.1.4 Wi-Fi地理定位数据 126
8.1.5 手机地理定位数据 126
8.1.6 用户自定义的地理定位 127
8.2 浏览器对Geolocation的支持 127
8.2.1 Geolocation API概述 127
8.2.2 HTML 5 Geolocation的浏览器支持情况 130
8.3 隐私的处理 131
8.3.1 应用隐私保护机制 131
8.3.2 处理位置信息 132
8.4 使用Geolocation API 132
8.4.1 检测浏览器是否支持 132
8.4.2 位置请求 133
8.5 实例精讲——在网页中使用电子地图 135
8.6 本章小结 136
09 Web本地存储应用 137
9.1 Web Storage概述 137
9.1.1 Web Storage介绍 137
9.1.2 上机操作——简易的Web留言本 138
9.1.3 上机操作——简单的数据库应用 142
9.2 Web Storage的浏览器支持情况 145
9.3 使用Web Storage API 145
9.3.1 检测浏览器的支持情况 145
9.3.2 上机操作——设置和获取数据 147
9.3.3 封堵数据泄露 148
9.3.4 localStorage与sessionStorage 148
9.3.5 探索Web Storage 148
9.4 本地数据库 149
9.4.1 什么是本地数据库 149
9.4.2 用executesql来执行查询的实现方法 150
9.4.3 上机操作——使用数据库实现网页留言 150
9.4.4 transaction方法 155
9.5 本章小结 156
10 离线Web应用 157
10.1 离线Web概述 157
10.1.1 离线Web介绍 157
10.1.2 离线Web应用的浏览器支持情况 158
10.2 使用离线Web 158
10.2.1 构建简单的离线应用程序 158
10.2.2 支持离线行为 159
10.2.3 mannifest文件介绍 159
10.2.4 上机操作——applicationCache对象 161
10.3 实例精讲——HTML 5中离线Web的具体应用 166
10.4 本章小结 172
11 Web Workers API应用 173
11.1 Web Workers概述 173
11.1.1 Web Workers介绍 173
11.1.2 上机操作——Web Workers的简单应用 174
11.2 使用Web Workers API 176
11.2.1 上机操作——检测浏览器是否支持 176
11.2.2 创建Web Workers 177
11.2.3 多线程文件的加载与执行 177
11.2.4 上机操作——与Web Workers通信 178
11.3 Web Workers线程应用 179
11.3.1 上机操作——与线程进行数据的交互 180
11.3.2 上机操作——线程嵌套 182
11.3.3 上机操作——在多个子线程中进行数据交互 185
11.4 实例精讲——HTML 5中的Web Workers应用 189
11.5 本章小结 194
12 应用WebSockets API通信 195
12.1 WebSockets概述 195
12.1.1 WebSockets介绍 195
12.1.2 实时通信与HTTP请求 195
12.1.3 WebSockets工作原理 196
12.1.4 WebSockets的浏览器支持情况 197
12.2 上机操作——编写简单的Echo WebSocket服务器 198
12.3 WebSockets通信 202
12.3.1 WebSockets通信的基本知识 202
12.3.2 上机操作——使用WebSockets API 203
12.4 实例精讲——HTML 5中的WebSockets应用程序 205
12.5 本章小结 208
13 CSS样式入门 209
13.1 CSS概述 209
13.1.1 CSS的概念 209
13.1.2 CSS的特点 210
13.1.3 CSS选择器分类 210
13.2 CSS选择器类型 211
13.2.1 CSS选择器分类 211
13.2.2 通用选择器 212
13.2.3 多元素的组合选择器 213
13.2.4 属性选择器 214
13.2.5 伪元素和伪类选择器 218
13.3 CSS的继承特性 238
13.3.1 继承关系 238
13.3.2 CSS继承的局限性 238
13.4 样式表的类型 239
13.4.1 内联样式表 239
13.4.2 嵌入样式表 239
13.4.3 外部样式表 240
13.4.4 导入样式表 240
13.5 本章小结 240
14 使用CSS控制文字样式 241
14.1 字体设置 241
14.1.1 字体样式 241
14.1.2 字体大小 243
14.1.3 字体粗细 243
14.1.4 字体颜色 244
14.1.5 斜体 245
14.1.6 字体变体 246
14.1.7 字符转换 247
14.1.8 文本修饰 247
14.2 设置段落样式 248
14.2.1 设置段落对齐 248
14.2.2 设置行间距 251
14.2.3 设置字间距和字母间距 252
14.2.4 文本缩进 253
14.2.5 首字下沉 254
14.2.6 处理空白符 255
14.3 本章小结 256
15 使用CSS设置背景 257
15.1 设置背景 257
15.1.1 设置背景颜色 257
15.1.2 设置背景图片 258
15.1.3 设置背景图片重复 259
15.1.4 设置图片的位置 260
15.1.5 设置背景滚动模式 261
15.1.6 设置背景定位 264
15.1.7 设置背景裁剪 265
15.1.8 设置背景图像的大小 267
15.2 设置图片样式 269
15.2.1 设置图片边框 269
15.2.2 设置图片缩放 271
15.3 设置其他边框样式 272
15.3.1 border-radius属性 272
15.3.2 border-image属性 273
15.4 本章小结 274
16 使用CSS控制列表 275
16.1 列表控制简述 275
16.1.1 列表的控制原则 275
16.1.2 列表符号类型 276
16.2 列表相关属性 279
16.2.1 设置列表类型 279
16.2.2 设置列表项图像 281
16.2.3 设置列表符号位置 282
16.2.4 列表综合属性 283
16.3 本章小结 283
17 CSS盒模型 285
17.1 盒模型的概念 285
17.1.1 什么是盒模型 285
17.1.2 设置外边距的大小 286
17.1.3 设置边框 287
17.1.4 设置内边距的大小 289
17.1.5 外边距合并 290
17.2 盒的浮动 292
17.2.1 元素的浮动属性 292
17.2.2 清除浮动属性 293
17.3 盒的定位 294
17.3.1 静态定位 294
17.3.2 相对定位 295
17.3.3 绝对定位 296
17.3.4 固定定位 298
17.3.5 z-index空间位置 299
17.4 本章小结 300
18 Div + CSS布局方法 301
18.1 Div概述 301
18.1.1 什么是Div 301
18.1.2 插入Div 302
18.2 CSS 布局方式 304
18.2.1 两列布局 304
18.2.2 三列布局 307
18.2.3 多列布局 308
18.3 使用Div + CSS布局网页 311
18.3.1 网页布局页面分析 311
18.3.2 制作网页 312
18.4 本章小结 319