Chapter 01 HTML5概述 2
1.1 什么是HTML5 2
1.2 HTML5发展历程 2
1.3 认识HTML5 3
1.3.1 兼容性 3
1.3.2 用户优先和效率 4
1.3.3 化繁为简 4
1.3.4 通用访问 5
1.4 HTML5新增功能 5
1.4.1 字符集和DOCTYPE的改进 5
1.4.2 语义化的标签 6
1.4.3 新元素 6
1.4.4 页面的交互性更加强大 7
1.4.5 标准改进 8
1.4.6 使用Selectors API简化选取操作 8
1.5 使用HTML5的优势 10
1.6 HTML5的发展趋势 12
本章小结 13
Chapter 02 HTML5的新增元素 15
2.1 语法差异 15
2.1.1 HTML5的语法变化 15
2.1.2 HTML5的标记方法 15
2.1.3 HTML5与旧版本的兼容性 16
2.2 元素和属性差异 17
2.2.1 HTML5中新增的元素 17
2.2.2 HTML5中废弃的元素 25
2.3 HTML5中新增的元素属性 26
2.3.1 表单相关属性 26
2.3.2 其他相关属性 26
2.3.3 HTML5中废弃的属性 27
2.3.4 全局属性 27
2.4 新的主体结构元素 29
2.4.1 article元素 29
2.4.2 section元素 30
2.4.3 nav元素 32
2.4.4 aside元素 34
2.4.5 time元素与微格式 34
2.4.6 pubdate属性 35
2.5 新的非主体结构元素 36
2.5.1 header元素 36
2.5.2 hgroup元素 37
2.5.3 footer元素 39
2.5.4 address元素 40
本章小结 41
Chapter 03 HTML5绘图功能 43
3.1 canvas概述 43
3.1.1 canvas是什么 43
3.1.2 canvas的主要应用领域 43
3.1.3 canvas历史 43
3.1.4 canvas坐标 44
3.1.5 CSS和canvas 45
3.2 使用canvas API 45
3.2.1 检测浏览器是否支持 45
3.2.2 在页面中加入canvas 46
3.2.3 绘制矩形与三角形 48
3.3 绘制曲线路径 51
3.3.1 路径 51
3.3.2 描边样式 53
3.3.3 填充样式 54
3.3.4 绘制树干 55
3.3.5 绘制曲线 56
3.4 绘制图像 57
3.4.1 插入图像 58
3.4.2 绘制渐变图像 59
3.4.3 缩放对象 62
3.4.4 变换对象 63
3.5 canvas文本应用 64
3.5.1 文本绘制 65
3.5.2 应用阴影 66
3.5.3 像素数据 67
实例精讲 动态时钟 68
本章小结 73
Chapter 04 视频和音频应用 75
4.1 audio和video概述 75
4.1.1 HTML5中音视频的问题 75
4.1.2 浏览器支持情况 75
4.2 使用audio和video元素 76
4.2.1 检测浏览器是否支持 76
4.2.2 audio元素 77
4.2.3 使用audio元素 79
4.2.4 video元素 80
4.2.5 使用video元素 80
本章小结 81
Chapter 05 表单应用 83
5.1 HTML5 form概述 83
5.1.1 HTML5 form的新特性 83
5.1.2 浏览器支持情况 83
5.1.3 输入型控件 85
5.2 新的表单元素 87
5.3 表单新属性 89
实例精讲 form应用 92
本章小结 95
Chapter 06 HTML5拖放 97
6.1 拖放API 97
6.1.1 实现拖放API的过程 97
6.1.2 dataTransfer对象的属性与方法 97
6.1.3 拖放列表 100
实例精讲 重现邮箱附件拖拽上传 103
本章小结 106
Chapter 07 地理位置信息处理 108
7.1 关于地理位置信息 108
7.1.1 经度和纬度坐标 108
7.1.2 IP地址定位数据 108
7.1.3 GPS地理定位数据 108
7.1.4 Wi-Fi地理定位数据 109
7.1.5 用户自定义的地理定位 109
7.2 浏览器支持情况 109
7.2.1 Gerlocation API概述 109
7.2.2 HTML5 Geolocation的浏览器支持情况 112
7.3 隐私的处理 112
7.3.1 应用隐私保护机制 112
7.3.2 处理位置信息 113
7.4 使用Geolocation API 113
7.4.1 检测浏览器是否支持 113
7.4.2 位置请求 114
实例精讲 在地图上显示你的位置 117
本章小结 120
Chapter 08 本地储存应用 122
8.1 webStorage概述 122
8.1.1 webStorage简介 122
8.1.2 简单的数据库应用 122
8.2 浏览器支持情况 124
8.3 使用webstorage API 124
8.3.1 存储和获取数据 125
8.3.2 localstorage和sessionstorage 126
8.3.3 Web Storage事件机制 126
8.4 本地数据库 127
8.4.1 什么是本地数据库 127
8.4.2 用executesql执行查询 128
8.4.3 使用数据库实现网页留言 131
本章小结 135
Chapter 09 Web与Web Workers API应用 137
9.1 离线Web概述 137
9.1.1 离线Web简介 137
9.1.2 离线Web应用的浏览器支持情况 137
9.2 使用离线Web 137
9.2.1 构建简单的离线应用程序 138
9.2.2 支持离线行为 139
9.2.3 mannifest文件 140
9.2.4 applicationCache对象 142
9.4 Web Workers概述 143
9.4.1 Web Workers简介 144
9.4.2 Web Workers的简单应用 144
9.5 使用Web Workers API 147
9.5.1 检测浏览器是否支持 147
9.5.2 创建Web Workers 148
9.5.3 多线程文件的加载与执行 148
9.5.4 与Web Workers通信 148
实例精讲 离线Web的具体应用 151
本章小结 155
Chapter 10 CSS基础 157
10.1 CSS概述 157
10.1.1 CSS简介 157
10.1.2 CSS的特点及优点 157
10.1.3 CSS的基本语法 158
10.1.4 引入CSS的方法 158
10.2 CSS选择器 161
10.2.1 三大基础选择器 161
10.2.2 集体选择器 164
10.2.3 属性选择器 165
10.2.4 后代选择器 167
10.2.5 子元素选择器 170
10.2.6 相邻兄弟选择器 171
10.2.7 伪类 173
10.2.8 伪元素 175
10.3 CSS的继承 181
10.3.1 继承关系 181
10.3.2 CSS继承的局限性 182
10.4 CSS绝对数值单位 184
10.5 CSS相对数值单位 184
本章小结 185
Chapter 11 CSS样式 187
11.1 字体样式 187
11.1.1 字体font-family 187
11.1.2 字号font-size 187
11.1.3 字重font-weight 189
11.1.4 文本转换text-transform 190
11.1.5 字体风格font-style 192
11.1.6 字体颜色color 193
11.1.7 文本修饰text-decoration 194
11.1.8 字体属性简写font 195
11.2 段落样式 197
11.2.1 字符间隔letter-spacing 197
11.2.2 单词间隔word-spacing 198
11.2.3 段落缩进text-indent 199
11.2.4 横向对齐方式text-align 200
11.2.5 纵向对齐方式vertical-align 202
11.2.6 文本行间距line-height 203
11.3 边框 205
11.3.1 边框线型border-style 206
11.3.2 边框颜色border-color 206
11.3.3 边框宽度border-width 207
11.3.4 边框属性简写border 208
11.4 外轮廓 209
11.4.1 边框线型outline-style 209
11.4.2 边框颜色outline-color 210
11.4.3 边框宽度outline-width 210
11.4.4 外轮廓属性简写outline 210
11.4.5 边框与外轮廓的异同点 212
11.5 列表样式简介 214
11.5.1 列表的控制原则 214
11.5.2 列表符号类型 215
11.6 列表相关属性 217
11.6.1 列表样式list-style-type 217
11.6.2 列表标记的图像list-style-image 219
11.6.3 列表标记的位置list-style-position 221
11.6.4 列表属性简写list-style 223
本章小结 223
Chapter 12 CSS背景属性与宽/高 225
12.1 设置背景内容 225
12.1.1 设置背景色 225
12.1.2 设置背景图片 227
12.2 设置背景平铺 229
12.3 设置背景固定/滚动 233
12.4 设置背景的位置 235
12.5 背景简写属性 239
12.6 宽/高属性 239
本章小结 242
Chapter 13 CSS显示相关 244
13.1 设置可见性 244
13.1.1 元素隐藏 244
13.1.2 元素消失 247
13.2 内容溢出与隐藏 249
本章小结 252
Chapter 14 CSS盒子模型 254
14.1 盒子模型简介 254
14.2 设置内/外边距 254
14.2.1 设置外边距 255
14.2.2 外边距合并 258
14.2.3 内边距 263
14.3 简单实例 264
本章小结 265
Chapter 15 CSS定位机制 267
15.1 CSS定位机制简介 267
15.2 常规定位与浮动定位 268
15.2.1 常规定位 268
15.2.2 浮动定位 268
15.3 position属性 272
15.3.1 绝对定位 272
15.3.2 相对定位 275
15.3.3 固定定位 277
15.4 Z轴索引的优先级设置 278
实例精讲 导航栏 281
本章小结 290
Chapter 16 光标和滤镜 292
16.1 光标属性 292
16.2 滤镜属性 293
16.2.1 不透明度alpha 293
16.2.2 设置图片不透明度 294
本章小结 295
Chapter 17 CSS3概述及新增功能 297
17.1 CSS3简介 297
17.1.1 CSS3与之前版本的异同点 297
17.1.2 浏览器支持情况 297
17.2 新增长度单位 297
17.3 新增结构性伪类 299
17.4 新增UI元素状态伪类 306
17.5 新增属性和目标伪类 308
本章小结 313
Chapter 18 CSS3文本与边框样式 315
18.1 文本阴影text-shadow 315
18.2 文本溢出text-overflow 316
18.3 文本换行word-wrap 318
18.4 单词拆分word-break 319
18.5 圆角边框border-radius 320
18.6 盒子阴影box-shadow 322
18.7 边界边框border-image 324
本章小结 326
Chapter 19 CSS3背景 328
19.1 多重背景图片 328
19.2 背景尺寸 329
19.3 背景的绘制区域 330
本章小结 332
Chapter 20 CSS3渐变 334
20.1 渐变简介 334
20.2 浏览器支持情况 334
20.3 线性渐变 335
20.4 径向渐变 339
本章小结 341
Chapter 21 CSS3转换 343
21.1 CSS3转换及浏览器支持 343
21.2 2D转换 343
21.3 3D转换 353
21.3.1 rotateX()方法 353
21.3.2 rotateY()方法 355
21.3.3 转换属性 356
21.3.4 3D转换方法 359
本章小结 360
Chapter 22 CSS3过渡 362
22.1 过渡简介 362
22.2 浏览器支持情况 362
22.3 实现过渡 363
22.3.1 单项属性过渡 363
22.3.2 多项属性过渡 365
22.4 过渡属性 367
实例精讲 模拟苹果桌面 368
本章小结 370
Chapter 23 CSS3动画 372
23.1 动画简介 372
23.2 浏览器支持情况 372
23.3 实现动画 373
23.4 动画属性 376
实例精讲 太阳系星球运转图 378
本章小结 383
Chapter 24 CSS3多列布局 385
24.1 多列布局简介 385
24.2 浏览器支持情况 385
24.3 多列布局属性 386
本章小结 390
Chapter 25 CSS3用户界面 392
25.1 用户界面简介 392
25.2 浏览器支持情况 392
25.3 用户界面属性 393
25.3.1 调整尺寸resizing 393
25.3.2 方框大小调整box-sizing 394
25.3.3 外形修饰outline-offset 398
本章小结 400
Chapter 26 CSS3弹性盒子 402
26.1 弹性盒子简介 402
26.2 浏览器支持情况 402
26.3 设置弹性盒子 403
26.3.1 对父级容器的设置 403
26.3.2 对子级元素的设置 416
本章小结 422
Chapter 27 CSS3多媒体查询 424
27.1 多媒体查询简介 424
27.2 浏览器支持情况 424
27.3 多媒体查询的应用 424
27.3.1 多媒体查询语法 425
27.3.2 简单的多媒体查询 425
实例精讲 自适应导航栏 428
本章小结 434
附录 436
附录A HTML5标签 436
附录B HTML事件属性 450
附录C CSS属性一览 453
附录D CSS3选择器 463
附录E JavaScript对象参考手册 464
附录F jQuery参考手册 471
附录G HTML支持的符号 479