HTML5权威指南

　　

　　作为下一代Web标准，HTML5致力于为互联网开发者搭建更加便捷、开放的沟通平台。业界普遍认为，在未来几年内，HTML5无疑将成为移动互联网领域的主宰者。本书是系统学习网页设计和移动设计的参考图书。它涵盖创建标准兼容、语义化的新一代HTML5网站的所有基础知识，并囊括实现HTML5核心语言的HTML5生态系统和相关API。全书精彩呈现500多个实战代码示例及主流浏览器实现效果图，贴心汇聚HTML5和CSS3中所有属性、元素和函数的简明参考表。

本书是系统学习网页设计的参考图书。分为五部分：首先介绍学习需要的预备知识和HTML、CSS和JavaScript的进展；第二部分讨论HTML元素，并详细说明了HTML5中新增和修改的元素；第三部分阐述CSS，涵盖了所有控制内容样式的CSS选择器和属性，并辅以大量代码示例和图示；第四部分介绍DOM，剖析如何用JavaScript操纵HTML内容；第五部分讲解Ajax、多媒体和canvas元素等HTML5高级特性。本书面向初学者和中等水平Web开发人员，是牢固掌握HTML5、CSS3和JavaScript的必读之作。

　　Adam Freeman，曾在多家名企担任高级职务，现为畅销技术图书作家，著有多部C#、.NET和Java方面的大部头作品。其中《ASP.NET 4高级程序设计（第4版）》、《精通ASP.NET MVC 3框架（第3版）》销量均在同品种中名列前茅，备受读者推崇。Freeman专门为网页开发新手和网页设计师打造的经典参考书，这本书秉承作者的一贯风格，幽默风趣、简约凝练、逻辑性强，是广大Web开发人员的必读经典。

　　★在这个浏览器时代你不学点儿网页构建知识还真是有些跟不上时代步伐了。这本书全面覆盖HTML5、CSS3和JavaScript，囊括了构建网页所需的基本知识以及一些中高级内容，新手选这本书不会错，中级开发人员将它作为参考书也相当方便！
　　——XX网站读者
　　
　　★这本书对于学习HTML5来说真是不可多得的好书，作者既熟知技术趋势，又深谙写作技巧，看看书中那些代码示例、实现效果图、简明参考表，无一不正中读者下怀，难怪许多Web开发人员都极力推荐这本书！
　　——goodreads读者

第一部分 开篇
第1章 HTML5背景知识
1.1 HTML的历史
1.1.1 JavaScript出场
1.1.2 浏览器战争的结束
1.1.3 插件称雄
1.1.4 语义HTML浮出水面
1.1.5 发展态势：HTML标准滞后于其使用
1.2 HTML5简介
1.2.1 新标准
1.2.2 引入原生多媒体支持
1.2.3 引入可编程内容
1.2.4 引入语义Web
1.3 HTML5现况
1.3.1 浏览器对HTML5的支持情况
1.3.2 网站对HTML5的支持情况
1.4 本书结构
1.5 HTML5的更多信息
1.6 小结
第2章 准备工作
2.1 挑选浏览器
2.2 挑选HTML编辑器
2.3 挑选Web服务器
2.4 获取Node.js
2.5 获取示例代码
2.6 小结
第3章 初探HTML
3.1 使用元素
3.1.1 了解本章用到的元素
3.1.2 使用空元素
3.1.3 使用自闭合标签
3.1.4 使用虚元素
3.2 使用元素属性
3.2.1 一个元素应用多个属性
3.2.2 使用布尔属性
3.2.3 使用自定义属性
3.3 创建HTML文档
3.3.1 外层结构
3.3.2 元数据
3.3.3 内容
3.3.4 父元素、子元素、后代元素和兄弟元素
3.3.5 了解元素类型
3.4 使用HTML实体
3.5 HTML5全局属性
3.5.1 accesskey属性
3.5.2 class属性
3.5.3 contenteditable属性
3.5.4 contextmenu属性
3.5.5 dir属性
3.5.6 draggable属性
3.5.7 dropzone属性
3.5.8 hidden属性
3.5.9 id属性
3.5.10 lang属性
3.5.11 spellcheck属性
3.5.12 style属性
3.5.13 tabindex属性
3.5.14 title属性
3.6 有用的HTML工具
3.7 小结
第4章 初探CSS
4.1 定义和应用样式
4.1.1 了解本章所用的CSS属性
4.1.2 使用元素内嵌样式
4.1.3 使用文档内嵌样式
4.1.4 使用外部样式表
4.2 样式的层叠和继承
4.2.1 浏览器样式
4.2.2 用户样式
4.2.3 样式如何层叠
4.2.4 用重要样式调整层叠次序
4.2.5 根据具体程度和定义次序解决同级样式冲突
4.2.6 继承
4.3 CSS中的颜色
4.4 CSS中的长度
4.4.1 绝对长度
4.4.2 相对长度
4.5 其他CSS单位
4.5.1 使用CSS角度
4.5.2 使用CSS时间
4.6 测试CSS特性的支持情况
4.7 有用的CSS工具
4.7.1 浏览器样式报告
4.7.2 用SelectorGadget生成选择器
4.7.3 用LESS改进CSS
4.7.4 使用CSS框架
4.8 小结
第5章 初探JavaScript
5.1 准备使用JavaScript
5.2 使用语句
5.3 定义和使用函数
5.3.1 定义带参数的函数
5.3.2 定义会返回结果的函数
5.4 使用变量和类型
5.4.1 使用基本类型
5.4.2 创建对象
5.4.3 使用对象
5.5 使用JavaScript运算符
5.5.1 相等和等同运算符
5.5.2 显式类型转换
5.6 使用数组
5.6.1 使用数组字面量
5.6.2 读取和修改数组内容
5.6.3 枚举数组内容
5.6.4 使用内置的数组方法
5.7 处理错误
5.8 比较undefined和null值
5.8.1 检查变量或属性是否为undefined或null
5.8.2 区分null和undefined
5.9 常用的JavaScript工具
5.9.1 使用JavaScript调试器
5.9.2 使用JavaScript库
5.10 小结

第二部分 HTML元素
第6章 HTML5元素背景知识
6.1 语义与呈现分离
6.2 元素选用原则
6.2.1 少亦可为多
6.2.2 别误用元素
6.2.3 具体为佳，一以贯之
6.2.4 对用户不要想当然
6.3 元素说明体例
6.4 元素速览
6.4.1 文档和元数据元素
6.4.2 文本元素
6.4.3 对内容分组
6.4.4 划分内容
6.4.5 制表
6.4.6 创建表单
6.4.7 嵌入内容
6.5 未实现的元素
6.6 小结
第7章 创建HTML文档
7.1 构筑基本的文档结构
7.1.1 DOCTYPE元素
7.1.2 html元素
7.1.3 head元素
7.1.4 body元素
7.2 用元数据元素说明文档
7.2.1 设置文档标题
7.2.2 设置相对URL的解析基准
7.2.3 用元数据说明文档
7.2.4 定义CSS样式
7.2.5 指定外部资源
7.3 使用脚本元素
7.3.1 script元素
7.3.2 noscript元素
7.4 小结
第8章 标记文字
8.1 生成超链接
8.1.1 生成指向外部的超链接
8.1.2 使用相对URL
8.1.3 生成内部超链接
8.1.4 设定浏览环境
8.2 用基本的文字元素标记内容
8.2.1 表示关键词和产品名称
8.2.2 加以强调
8.2.3 表示外文词语或科技术语
8.2.4 表示不准确或校正
8.2.5 表示重要的文字
8.2.6 为文字添加下划线
8.2.7 添加小号字体内容
8.2.8 添加上标和下标
8.3 换行
8.3.1 强制换行
8.3.2 指明可以安全换行的建议位置
8.4 表示输入和输出
8.5 使用标题引用、引文、定义和缩写
8.5.1 表示缩写
8.5.2 定义术语
8.5.3 引用来自他处的内容
8.5.4 引用其他作品的标题
8.6 使用语言元素
8.6.1 ruby、rt和rp元素
8.6.2 bdo元素
8.6.3 bdi元素
8.7 其他文本元素
8.7.1 表示一段一般性的内容
8.7.2 突出显示文本
8.7.3 表示添加和删除的内容
8.7.4 表示时间和日期
8.8 小结
第9章 组织内容
9.1 为什么要对内容分组
9.2 建立段落
9.3 使用div元素
9.4 使用预先编排好格式的内容
9.5 引用他处内容
9.6 添加主题分隔
9.7 将内容组织为列表
9.7.1 ol元素
9.7.2 ul元素
9.7.3 li元素
9.7.4 生成说明列表
9.7.5 生成自定义列表
9.8 使用插图
9.9 小结
第10章 文档分节
10.1 添加基本的标题
10.2 隐藏子标题
10.3 生成节
10.4 添加首部和尾部
10.5 添加导航区域
10.6 使用article
10.7 生成附注栏
10.8 提供联系信息
10.9 生成详情区域
10.10 小结
第11章 表格元素
11.1 生成基本的表格
11.2 添加表头单元格
11.3 为表格添加结构
11.3.1 表示表头和表格主题
11.3.2 添加表脚
11.4 制作不规则表格
11.5 把表头与单元格关联起来
11.6 为表格添加标题
11.7 处理列
11.8 设置表格边框
11.9 小结
第12章 表单
12.1 制作基本表单
12.1.1 定义表单
12.1.2 查看表单数据
12.2 配置表单
12.2.1 配置表单的action属性
12.2.2 配置HTTP方法属性
12.2.3 配置数据编码
12.2.4 控制表单的自动完成功能
12.2.5 指定表单反馈信息的目标显示位置
12.2.6 设置表单名称
12.3 在表单中添加说明标签
12.4 自动聚焦到某个input元素
12.5 禁用单个input元素
12.6 对表单元素编组
12.6.1 为fieldset元素添加说明标签
12.6.2 用fieldset禁用整组input元素
12.7 使用button元素
12.7.1 用button元素提交表单
12.7.2 用button元素重置表单
12.7.3 把button作为一般元素使用
12.8 使用表单外的元素
12.9 小结
第13章 定制input元素
13.1 用input元素输入文字
13.1.1 设定元素大小
13.1.2 设置初始值和占位式提示
13.1.3 使用数据列表
13.1.4 生成只读或被禁用的文本框
13.1.5 指定文字方向数据的名称
13.2 用input元素输入密码
13.3 用input元素生成按钮
13.4 用input元素为输入数据把关
13.4.1 用input元素获取数值
13.4.2 用input元素获取指定范围内的数值
13.4.3 用input元素获取布尔型输入
13.4.4 用input元素生成一组固定选项
13.4.5 用input元素获取有规定格式的字符串
13.4.6 用input元素获取时间和日期
13.4.7 用input元素获取颜色值
13.5 用input元素获取搜索用词
13.6 用input元素生成隐藏的数据项
13.7 用input元素生成图像按钮和分区响应图
13.8 用input元素上传文件
13.9 小结
第14章 其他表单元素及输入验证
14.1 使用其他表单元素
14.1.1 生成选项列表
14.1.2 输入多行文字
14.1.3 表示计算结果
14.1.4 生成公开/私有密钥对
14.2 使用输入验证
14.2.1 确保用户提供了一个值
14.2.2 确保输入值位于某个范围内
14.2.3 确保输入值与指定模式匹配
14.2.4 确保输入值是电子邮箱地址或URL
14.3 禁用输入验证
14.4 小结
第15章 嵌入内容
15.1 嵌入图像
15.1.1 在超链接里嵌入图像
15.1.2 创建客户端分区响应图
15.2 嵌入另一张HTML文档
15.3 通过插件嵌入内容
15.3.1 使用embed元素
15.3.2 使用object和param元素
15.4 object元素的其他用途
15.4.1 使用object元素嵌入图像
15.4.2 使用object元素创建分区响应图
15.4.3 将object元素作为浏览上下文环境
15.5 嵌入数字表现形式
15.5.1 显示进度
15.5.2 显示范围里的值
15.6 其他嵌入元素
15.6.1 嵌入音频和视频
15.6.2 嵌入图形
15.7 小结

第三部分 CSS
第16章 理解CSS
16.1 CSS标准化
16.2 盒模型
16.3 选择器简明参考
16.4 属性简明参考
16.4.1 边框和背景属性
16.4.2 盒模型属性
16.4.3 布局属性
16.4.4 文本属性
16.4.5 过渡、动画和变换属性
16.4.6 其他属性
16.5 小结
第17章 使用CSS选择器（第Ⅰ部分）
17.1 使用CSS基本选择器
17.1.1 选择所有元素
17.1.2 根据类型选择元素
17.1.3 根据类选择元素
17.1.4 根据ID选择元素
17.1.5 根据属性选择元素
17.2 复合选择器
17.2.1 并集选择器
17.2.2 后代选择器
17.2.3 选择子元素
17.2.4 选择兄弟元素
17.3 使用伪元素选择器
17.3.1 使用：：first-line选择器
17.3.2 使用：：first-letter选择器
17.3.3 使用：before和：after选择器
17.3.4 使用CSS计数器
17.4 小结
第18章 使用CSS选择器（第Ⅱ部分）
18.1 使用结构性伪类选择器
18.1.1 使用根元素选择器
18.1.2 使用子元素选择器
18.1.3 使用：nth-child选择器
18.2 使用UI伪类选择器
18.2.1 选择启用或禁用元素
18.2.2 选择已勾选的元素
18.2.3 选择默认元素
18.2.4 选择有效和无效的input元素
18.2.5 选择限定范围的input元素
18.2.6 选择必需和可选的input元素
18.3 使用动态伪类选择器
18.3.1 使用：link和：visited选择器
18.3.2 使用：hover选择器
18.3.3 使用：active选择器
18.3.4 使用：focus选择器
18.4 其他伪类选择器
18.4.1 使用否定选择器
18.4.2 使用：empty选择器
18.4.3 使用：lang选择器
18.4.4 使用：target选择器
18.5 小结
第19章 使用边框和背景
19.1 应用边框样式
19.1.1 定义边框宽度
19.1.2 定义边框样式
19.1.3 为一条边应用边框样式
19.1.4 使用border简写属性
19.1.5 创建圆角边框
19.1.6 将图像用做边框
19.2 设置元素的背景
19.2.1 设置背景颜色和图像
19.2.2 设置背景图像的尺寸
19.2.3 设置背景图像位置
19.2.4 设置元素的背景附着方式
19.2.5 设置背景图像的开始位置和裁剪样式
19.2.6 使用background简写属性
19.3 创建盒子阴影
19.4 应用轮廓
19.5 小结
第20章 使用盒模型
20.1 为元素应用内边距
20.2 为元素应用外边距
20.3 控制元素的尺寸
20.3.1 设置一定尺寸的盒子
20.3.2 设置最小和最大尺寸
20.4 处理溢出内容
20.5 控制元素的可见性
20.6 设置元素的盒类型
20.6.1 认识块级元素
20.6.2 认识行内元素
20.6.3 认识行内？块级元素
20.6.4 认识插入元素
20.6.5 隐藏元素
20.7 创建浮动盒
20.8 小结
第21章 创建布局
21.1 定位内容
21.1.1 设置定位类型
21.1.2 设置元素的层叠顺序
21.2 创建多列布局
21.3 创建弹性盒布局
21.3.1 创建简单的弹性盒
21.3.2 伸缩多个元素
21.3.3 处理垂直空间
21.3.4 处理最大尺寸
21.4 创建表格布局
21.5 小结
第22章 设置文本样式
22.1 应用基本文本样式
22.1.1 对齐文本
22.1.2 处理空白
22.1.3 指定文本方向
22.1.4 指定单词、字母、行之间的间距
22.1.5 控制断词
22.1.6 首行缩进
22.2 文本装饰与大小写转换
22.3 创建文本阴影
22.4 使用字体
22.4.1 选择字体
22.4.2 设置字体大小
22.4.3 设置字体样式和粗细
22.5 使用Web字体
22.6 小结
第23章 过渡、动画和变换
23.1 使用过渡
23.1.1 创建反向过渡
23.1.2 选择中间值的计算方式
23.2 使用动画
23.2.1 使用关键帧
23.2.2 设置重复方向
23.2.3 理解结束状态
23.2.4 初始布局时应用动画
23.2.5 重用关键帧
23.2.6 为多个元素应用多个动画
23.2.7 停止和启动动画
23.3 使用变换
23.3.1 应用变换
23.3.2 指定元素变换的起点
23.3.3 将变换作为动画和过渡处理
23.4 小结
第24章 其他CSS属性和特性
24.1 设置元素的颜色和透明度
24.1.1 设置前景色
24.1.2 设置元素的透明度
24.2 设置表格样式
24.2.1 合并表格边框
24.2.2 配置独立边框
24.2.3 处理空单元格
24.2.4 设置标题的位置
24.2.5 指定表格布局
24.3 设置列表样式
24.3.1 设置列表标记类型
24.3.2 使用图像作为列表标记
24.3.3 设置列表标记的位置
24.4 设置光标样式
24.5 小结

第四部分 使用DOM
第25章 理解DOM
25.1 理解文档对象模型
25.2 理解DOM Level和兼容性
25.3 DOM快速查询
25.3.1 Document的成员
25.3.2 Window的成员
25.3.3 HTMLElement的成员
25.3.4 DOM里的CSS属性
25.3.5 DOM中的事件
25.4 小结
第26章 使用Document对象
26.1 使用Document元数据
26.1.1 获取文档信息
26.1.2 使用Location对象
26.1.3 读取和写入cookie
26.1.4 理解就绪状态
26.1.5 获取DOM的实现情况
26.2 获取HTML元素对象
26.2.1 使用属性获取元素对象
26.2.2 使用数组标记获取已命名元素
26.2.3 搜索元素
26.2.4 合并进行链式搜索
26.3 在DOM树里导航
26.4 小结
第27章 使用Window对象
27.1 获取Window对象
27.2 获取窗口信息
27.3 与窗口进行交互
27.4 对用户进行提示
27.5 获取基本信息
27.6 使用浏览器历史
27.6.1 在浏览历史中导航
27.6.2 在浏览历史里插入条目
27.6.3 为不同的文档添加条目
27.6.4 在浏览历史中保存复杂状态
27.6.5 替换浏览历史中的条目
27.7 使用跨文档消息传递
27.8 使用计时器
27.9 小结
第28章 使用DOM元素
28.1 使用元素对象
28.1.1 使用类
28.1.2 使用元素属性
28.2 使用Text对象
28.3 修改模型
28.3.1 创建和删除元素
28.3.2 复制元素
28.3.3 移动元素
28.3.4 比较元素对象
28.3.5 使用HTML片段
28.3.6 向文本块插入元素
28.4 小结
第29章 为DOM元素设置样式
29.1 使用样式表
29.1.1 获得样式表的基本信息
29.1.2 使用媒介限制
29.1.3 禁用样式表
29.1.4 CSSRuleList对象的成员
29.2 使用元素样式
29.3 使用CSSStyleDeclaration对象
29.3.1 使用便捷属性
29.3.2 使用常规属性
29.3.3 使用细粒度的CSS DOM对象
29.4 使用计算样式
29.5 小结
第30章 使用事件
30.1 使用简单事件处理器
30.1.1 实现简单的内联事件处理器
30.1.2 实现一个简单的事件处理函数
30.2 使用DOM和事件对象
30.2.1 按类型区分事件
30.2.2 理解事件流
30.2.3 使用可撤销事件
30.3 使用HTML事件
30.3.1 文档和窗口事件
30.3.2 使用鼠标事件
30.3.3 使用键盘焦点事件
30.3.4 使用键盘事件
30.3.5 使用表单事件
30.4 小结
第31章 使用元素专属对象
31.1 文档和元数据对象
31.1.1 base元素
31.1.2 body元素
31.1.3 link元素
31.1.4 meta元素
31.1.5 script元素
31.1.6 style元素
31.1.7 title元素
31.1.8 其他文档和元数据元素
31.2 文本元素
31.2.1 a元素
31.2.2 del和ins元素
31.2.3 q元素
31.2.4 time元素
31.2.5 其他文本元素
31.3 分组元素
31.3.1 blockquote元素
31.3.2 li元素
31.3.3 ol元素
31.3.4 其他分组元素
31.4 区块元素
31.4.1 details元素
31.4.2 其他区块元素
31.5 表格元素
31.5.1 col和colgroup元素
31.5.2 table元素
31.5.3 thead、tbody和tfoot元素
31.5.4 th元素
31.5.5 tr元素
31.5.6 其他表格元素
31.6 表单元素
31.6.1 button元素
31.6.2 datalist元素
31.6.3 fieldset元素
31.6.4 form元素
31.6.5 input元素
31.6.6 label元素
31.6.7 legend元素
31.6.8 optgroup元素
31.6.9 option元素
31.6.10 output元素
31.6.11 select元素
31.6.12 textarea元素
31.7 内容元素
31.7.1 area元素
31.7.2 embed元素
31.7.3 iframe元素
31.7.4 img元素
31.7.5 map元素
31.7.6 meter元素
31.7.7 object元素
31.7.8 param元素
31.7.9 progress元素
31.8 小结

第五部分 高级功能
第32章 使用Ajax（第Ⅰ部分）
32.1 Ajax起步
32.1.1 处理响应
32.1.2 主流中的异类：应对Opera
32.2 使用Ajax事件
32.3 处理错误
32.3.1 处理设置错误
32.3.2 处理请求错误
32.3.3 处理应用程序错误
32.4 获取和设置标头
32.4.1 覆盖请求的HTTP方法
32.4.2 禁用内容缓存
32.4.3 读取响应标头
32.5 生成跨源Ajax请求
32.5.1 使用Origin请求标头
32.5.2 高级CORS功能
32.6 中止请求
32.7 小结
第33章 使用Ajax（第Ⅱ部分）
33.1 准备向服务器发送数据
33.1.1 定义服务器
33.1.2 理解问题所在
33.2 发送表单数据
33.3 使用FormData对象发送表单数据
33.3.1 创建FormData对象
33.3.2 修改FormData对象
33.4 发送JSON数据
33.5 发送文件
33.6 追踪上传进度
33.7 请求并处理不同内容类型
33.7.1 接收HTML片段
33.7.2 接收XML数据
33.7.3 接收JSON数据
33.8 小结
第34章 使用多媒体
34.1 使用video元素
34.1.1 预先加载视频
34.1.2 显示占位图像
34.1.3 设置视频尺寸
34.1.4 指定视频来源（和格式）
34.1.5 track元素
34.2 使用audio元素
34.3 通过DOM操作嵌入式媒体
34.3.1 获得媒体信息
34.3.2 评估回放能力
34.3.3 控制媒体回放
34.4 小结
第35章 使用canvas元素（第Ⅰ部分）
35.1 开始使用canvas元素
35.2 获取画布的上下文
35.3 绘制矩形
35.4 设置画布绘制状态
35.4.1 设置线条连接样式
35.4.2 设置填充和笔触样式
35.4.3 使用渐变
35.4.4 使用径向渐变
35.4.5 使用图案
35.5 保存和恢复绘制状态
35.6 绘制图像
35.6.1 使用视频图像
35.6.2 使用画布图像
35.7 小结
第36章 使用canvas元素（第Ⅱ部分）
36.1 用路径绘图
36.1.1 用线条绘制路径
36.1.2 绘制矩形
36.2 绘制圆弧
36.2.1 使用arcTo方法
36.2.2 使用arc方法
36.3 绘制贝塞尔曲线
36.3.1 绘制三次贝塞尔曲线
36.3.2 绘制二次贝塞尔曲线
36.4 创建剪辑区域
36.5 绘制文本
36.6 使用特效和变换
36.6.1 使用阴影
36.6.2 使用透明度
36.6.3 使用合成
36.6.4 使用变换
36.7 小结
第37章 使用拖放
37.1 创建来源项目
37.2 创建释放区
37.3 使用DataTransfer对象
37.3.1 根据数据过滤被拖动项目
37.3.2 拖放文件
37.4 小结
第38章 使用地理定位
38.1 使用地理定位
38.2 处理地理定位错误
38.3 指定地理定位选项
38.4 监控位置
38.5 小结
第39章 使用Web存储
39.1 使用本地存储
39.2 使用会话存储
39.3 小结
第40章 创建离线Web应用程序
40.1 定义问题
40.2 定义清单
40.3 检测浏览器状态
40.4 使用离线缓存
40.4.1 制作更新
40.4.2 获取更新
40.4.3 应用更新
40.5 小结