第Ⅰ部分 HTML5技术 3
第1章 超文本标记语言 3
1.1 HTML文档 3
1.1.1 元素 4
1.1.2 DOCTYPE 4
1.1.3 特性 5
1.1.4 各种各样的结构规则 5
1.1.5 html元素 6
1.2 head元素 6
1.2.1 title元素 6
1.2.2 meta元素 7
1.2.3 script元素 8
1.2.4 link元素 8
1.2.5 style元素 11
1.2.6 base元素 12
1.3 小结 12
第2章 级联样式表 15
2.1 样式设计指导 15
2.1.1 组织内容 15
2.1.2 应用样式 16
2.1.3 CSS3规范 17
2.2 CSS概念 17
2.2.1 选择器 17
2.2.2 声明 18
2.2.3 单位 18
2.3 优先级 21
2.3.1 样式表来源 21
2.3.2 特殊性规则 22
2.3.3 关键字！important 23
2.4 盒子模型 23
2.5 厂商前缀 24
2.6 style特性 25
2.7 小结 25
第3章 JavaScript要素 29
3.1 JavaScript介绍 29
3.1.1 对象 29
3.1.2 构造函数 30
3.1.3 原型 32
3.2 继承 32
3.2.1 使用原型 33
3.2.2 使用Create 34
3.2.3 使用类关键字 35
3.2.4 重写成员 36
3.3 属性 37
3.3.1 数组 37
3.3.2 特性 38
3.3.3 特殊类型 39
3.4 其他主题 39
3.4.1 比较运算符 39
3.4.2 变量作用域 40
3.4.3 严格模式 41
3.4.4 函数 42
3.4.5 上下文 43
3.4.6 立即调用的函数 45
3.4.7 命名空间 45
3.4.8 异常 47
3.4.9 承诺 47
3.5 数组方法 49
3.5.1 访问元素 49
3.5.2 输出数组 50
3.5.3 操作元素 50
3.5.4 搜索 52
3.5.5 创建子集 53
3.5.6 处理 54
3.6 小结 55
第Ⅱ部分 HTML 59
第4章 结构化HTML元素 59
4.1 内容类别 59
4.2 节内容 60
4.2.1 section 60
4.2.2 article 60
4.2.3 aside 61
4.2.4 nav 61
4.2.5 address 61
4.3 大纲 62
4.3.1 显性节 62
4.3.2 文档标题 64
4.3.3 header和footer 65
4.3.4 规划页面布局 65
4.4 节根 66
4.4.1 blockquote 66
4.4.2 details 66
4.4.3 figure 67
4.5 分组元素 68
4.5.1 段落 68
4.5.2 水平规则 68
4.5.3 预格式化（pre） 68
4.5.4 main 69
4.5.5 div 69
4.6 列表元素 70
4.6.1 列表 70
4.6.2 描述列表 72
4.7 内联框架 74
4.8 已弃用的元素 75
4.8.1 hgroup 75
4.8.2 dir 75
4.8.3 frame和frameset 75
4.9 小结 76
第5章 短语HTML元素 81
5.1 突出显示文本 81
5.1.1 重要性（strong） 82
5.1.2 强调（em） 82
5.1.3 关联（mark） 82
5.1.4 交替声音（i） 83
5.1.5 细则（small） 84
5.1.6 删除线（s） 84
5.1.7 文体突出（b） 85
5.1.8 无法明确表达（u） 86
5.1.9 元素复习 86
5.2 其他语义短语 87
5.2.1 代码、样本、键盘和变量 87
5.2.2 缩写和定义 88
5.2.3 下标和上标 89
5.2.4 time 90
5.3 编辑 90
5.4 引用 91
5.5 span 93
5.6 添加回车 93
5.6.1 换行 93
5.6.2 单词换行时机 94
5.6.3 连字符 95
5.7 双向文本 96
5.7.1 文本方向 96
5.7.2 流动方向 96
5.7.3 紧紧包裹 98
5.7.4 使用隔离 98
5.7.5 覆盖方向 99
5.8 ruby 99
5.9 小结 100
第6章 表格HTML元素 101
6.1 简单表格 101
6.2 列和行标题 102
6.3 列组 103
6.4 表标题和页脚 105
6.5 跨越单元格 106
6.6 小结 110
第7章 嵌入式HTML元素 111
7.1 锚 111
7.2 图像 112
7.2.1 多个来源 113
7.2.2 图像映射 116
7.3 音频 117
7.3.1 使用本机控件 118
7.3.2 文件格式 119
7.4 视频 120
7.5 轨道 122
7.6 HTML5插件 124
7.7 小结 125
第8章 HTML表单元素 127
8.1 概述 127
8.2 表单元素 127
8.2.1 表单动作 128
8.2.2 表单方法 129
8.2.3 附加特性 130
8.3 输入元素 130
8.3.1 文本表单数据 130
8.3.2 选择元素 135
8.3.3 其他类型 138
8.3.4 日期和时间数据 142
8.4 其他可视元素 145
8.4.1 label 145
8.4.2 output元素 146
8.4.3 meter元素 146
8.4.4 progress元素 148
8.5 按钮类型 148
8.6 组织表单 149
8.7 验证 150
8.8 小结 151
第Ⅲ部分 CSS 155
第9章 CSS选择器 155
9.1 选择器概述 155
9.1.1 元素选择器 155
9.1.2 类选择器 156
9.1.3 ID选择器 156
9.1.4 特性选择器 156
9.1.5 伪类选择器 157
9.1.6 伪元素 159
9.2 使用组合选择符 160
9.2.1 组合元素和类选择器 160
9.2.2 伪类选择器 160
9.2.3 组合运算符 160
9.2.4 not选择器 161
9.2.5 组运算符 162
9.2.6 解决冲突 162
9.3 媒体查询 162
9.3.1 媒体特性 163
9.3.2 使用媒体查询 164
9.4 小结 164
第10章 定位内容 165
10.1 display 165
10.2 定义大小 167
10.2.1 绝对大小 167
10.2.2 相对大小 168
10.2.3 设置最大值 168
10.2.4 基于内容 169
10.2.5 IE的变通方法 170
10.2.6 min-content示例 171
10.2.7 盒子大小调整 172
10.3 float 174
10.3.1 清除浮动 175
10.3.2 包含浮动 177
10.4 内联块 178
10.5 定位 179
10.5.1 相对定位 180
10.5.2 绝对定位 182
10.5.3 固定定位 182
10.6 z-index 183
10.7 内容居中 184
10.8 小结 185
第11章 文本样式 187
11.1 字体 187
11.1.1 获取字体 187
11.1.2 字体系列 189
11.1.3 字体设置 190
11.1.4 简写符号 195
11.2 文本格式化 195
11.2.1 水平对齐 196
11.2.2 缩进 196
11.2.3 溢出 196
11.2.4 引号 197
11.2.5 阴影 197
11.2.6 大小写 198
11.3 间距和对齐 199
11.3.1 基本间距 199
11.3.2 处理空白 199
11.3.3 垂直对齐 200
11.4 break 202
11.4.1 单词换行 202
11.4.2 分页符 203
11.5 光标 203
11.6 小结 204
第12章 边框和背景 205
12.1 边框 205
12.1.1 基本样式 205
12.1.2 单个边 207
12.1.3 半径 208
12.1.4 使用图像 209
12.1.5 渐变 213
12.2 阴影 216
12.3 轮廓 217
12.4 背景 218
12.4.1 图像特性 218
12.4.2 裁剪 220
12.4.3 背景简写 220
12.4.4 示例 221
12.5 小结 223
第13章 对表格进行样式设计 225
13.1 对表格进行样式设计 225
13.1.1 基本表格样式 226
13.1.2 其他表格样式 232
13.2 使用CSS创建表格 235
13.2.1 display特性 236
13.2.2 CSS表格演示 237
13.2.3 应用 239
13.3 样式列表 244
13.3.1 类型 244
13.3.2 图像 245
13.3.3 位置 246
13.3.4 简写 246
13.4 小结 246
第14章 Flexbox 247
14.1 容器配置 247
14.1.1 flex方向 247
14.1.2 flex换行 249
14.1.3 对齐 250
14.1.4 对齐项目 252
14.2 项目配置 252
14.2.1 增长与收缩 253
14.2.2 顺序 257
14.2.3 重写对齐方式 257
14.3 垂直示例 258
14.4 小结 259
第15章 动画与变形 261
15.1 动画 261
15.1.1 关键帧 261
15.1.2 配置动画 262
15.1.3 贝塞尔曲线 265
15.2 过渡 266
15.3 变形 269
15.3.1 移动 269
15.3.2 旋转 269
15.3.3 缩放 270
15.3.4 倾斜 271
15.3.5 演示 271
15.3.6 3D变形 273
15.4 小结 274
第Ⅳ部分 JavaScript 279
第16章 浏览器环境 279
16.1 浏览器对象模型 279
16.1.1 screen 280
16.1.2 location 281
16.1.3 history 282
16.1.4 navigator 283
16.2 window对象 284
16.2.1 控制台 285
16.2.2 缓存 288
16.2.3 浏览器界面元素 290
16.2.4 计时器 290
16.3 小结 291
第17章 窗口对象 293
17.1 创建窗口 293
17.1.1 弹出窗口阻止程序 294
17.1.2 重新使用窗口 295
17.1.3 配置参数 295
17.1.4 操作窗口 297
17.2 模态对话框窗口 300
17.2.1 标准的弹出对话框 300
17.2.2 自定义模态对话框 301
17.3 框架 303
17.3.1 简单示例 304
17.3.2 访问框架 305
17.3.3 使用sandbox 305
17.4 小结 306
第18章 DOM元素 307
18.1 文档对象模型 307
18.1.1 元素继承 308
18.1.2 简单示例 309
18.2 基本的DOM操作 309
18.2.1 查找元素 309
18.2.2 创建元素 310
18.2.3 移动元素 311
18.2.4 修改元素 312
18.3 相关元素 313
18.4 使用JQuery 314
18.4.1 基本知识 314
18.4.2 操作DOM元素 315
18.5 小结 317
第19章 动态样式设计 319
19.1 更改样式表 319
19.1.1 启用样式表 319
19.1.2 选择样式表 321
19.1.3 备用样式表 322
19.1.4 使用样式元素 323
19.2 修改规则 324
19.3 修改类 326
19.4 修改内联样式 327
19.4.1 使用CSSStyleDeclaration 327
19.4.2 设置样式属性 328
19.4.3 使用setAttribute 329
19.5 计算的样式 329
19.6 小结 330
第20章 事件 331
20.1 初始示例 331
20.2 事件传播 333
20.3 未注册事件 336
20.4 事件接口 336
20.4.1 常用的事件属性 337
20.4.2 取消事件 337
20.5 探索事件 338
20.6 小结 339
第Ⅴ部分 高级应用 343
第21章 音频和视频 343
21.1 概述 343
21.2 自定义音频控件 344
21.2.1 支持播放和暂停 345
21.2.2 支持进度和查找 346
21.2.3 控制音量 347
21.2.4 调整样式 348
21.2.5 更改音频源 349
21.3 自定义视频控件 349
21.4 小结 351
第22章 可缩放矢量图形 353
22.1 SVG介绍 353
22.1.1 添加一些简单的形状 353
22.1.2 添加样式 354
22.2 使用SVG图像文件 355
22.2.1 创建SVG图像 356
22.2.2 使用SVG背景 356
22.3 创建交互式地图 357
22.3.1 使用path元素 357
22.3.2 实现初始地图 360
22.4 对州元素进行样式设计 361
22.4.1 使用基本填充颜色 361
22.4.2 使用渐变填充 363
22.4.3 使用背景图像 364
22.4.4 使用JavaScript更改样式 365
22.5 添加动画 367
22.6 小结 369
第23章 画布 371
23.1 创建一个国际象棋棋盘 371
23.1.1 绘制矩形 372
23.1.2 使用渐变 374
23.1.3 使用图像 374
23.1.4 添加简单动画 380
23.2 建立太阳系模型 382
23.2.1 使用路径 383
23.2.2 绘制圆弧 383
23.2.3 使用变换 384
23.2.4 保存上下文状态 385
23.2.5 绘制太阳系 386
23.2.6 应用缩放 389
23.3 裁剪画布 390
23.4 了解合成 391
23.5 小结 394
第24章 拖放 397
24.1 理解拖动和放置 397
24.1.1 处理事件 397
24.1.2 使用数据传输对象 399
24.1.3 启用可拖动元素 400
24.2 创建跳棋应用程序 401
24.2.1 创建项目 401
24.2.2 绘制跳棋棋盘 401
24.3 添加拖放功能 404
24.3.1 允许放置 405
24.3.2 执行自定义放置操作 405
24.3.3 提供视觉反馈 407
24.4 执行游戏规则 409
24.4.1 验证移动 409
24.4.2 晋升为王 413
24.4.3 依次移动 414
24.5 使用高级功能 418
24.5.1 更改拖动图像 418
24.5.2 在窗口之间拖动 419
24.6 小结 420
第25章 Indexed DB 421
25.1 介绍Indexed DB 421
25.1.1 使用对象存储 422
25.1.2 定义数据库 423
25.1.3 异步处理 423
25.1.4 使用事务 425
25.2 创建应用程序 425
25.2.1 创建Web项目 425
25.2.2 绘制画布 426
25.2.3 配置棋子 427
25.3 创建数据库 429
25.3.1 打开数据库 429
25.3.2 定义数据库结构 430
25.4 绘制棋子 433
25.4.1 使用游标 433
25.4.2 获取单个对象 435
25.4.3 测试应用程序 435
25.5 移动棋子 437
25.5.1 定义移动 437
25.5.2 转换位置 438
25.5.3 完成一次移动 439
25.5.4 获取对象键 440
25.5.5 执行更新 441
25.5.6 启动动画 442
25.6 跟踪被捕获的棋子 443
25.7 小结 444
第26章 地理定位和映射 447
26.1 理解地理定位 447
26.1.1 测量地理位置技术 447
26.1.2 使用地理位置数据 448
26.2 使用地理定位API 448
26.2.1 创建Web项目 448
26.2.2 使用地理定位对象 449
26.2.3 显示位置 451
26.3 使用映射平台 452
26.3.1 创建Bing Maps账户 453
26.3.2 添加地图 454
26.3.3 添加图钉 456
26.4 小结 459
附录A Ajax 461
附录B 拖放源代码 465
附录C 参考资料 471