关于作者

关于技术审阅人

关于封面设计者

致谢

引言

第1章　起步：HTML5的演变

1.1　HTML5 = HTML ? HTML5

1.1.1　HTML5出现之前

1.1.2　为什么XHTML 2.0消失了，而HTML5流行了

1.1.3　WHATWG的理念

1.1.4　HTML5的现状

1.2　剖析HTML5文档

1.3　HTML术语和概念

1.3.1　元素

1.3.2　属性

1.3.3　文档模型

1.4　HTML5的新特性

1.4.1　向后兼容

1.4.2　错误处理

1.4.3　简化的doctype

1.4.4　简化的字符编码

1.4.5　新的内容模型类别

1.4.6　新元素

1.4.7　微数据

1.4.8　内嵌MathML和SVG

1.4.9　API

1.4.10 不再遵循SGML（又一次！）

1.4.11 废弃的特性

1.5　XHTML消失了吗

1.5.1　MIME类型的问题

1.6　在HTML和XHTML之间选择

1.7　浏览器支持情况

1.8　浏览器开发工具

小结

 

第2章　各司其职的标签

2.1　全局属性

2.1.1　可访问性

2.1.2　元数据（metadata）

2.1.3　唯一标识

2.1.4　可编辑性

2.1.5　拼写检查

2.1.6　隐藏元素

2.1.7　拖曳

2.1.8　样式

2.1.9　文字方向

2.1.10 自定义数据

2.2　内容模型类别

2.3　根元素

2.3.1　html元素的属性

2.4　文档元数据和脚本元素

2.4.1　网页信息：title和meta

2.4.2　链接、样式和资源：base、link和style

2.4.3　增加行为和后备内容：script 和 noscript

2.5　文档区块元素

2.5.1　语义区块元素

2.6　内容分组元素

2.6.1　无法避免的段落：p

2.6.2　打断内容：hr

2.6.3　保持格式：pre

2.6.4　引用文字：blockquote

2.6.5　列表

2.6.6　图表、照片、图示：figure和figcaption

2.6.7　创建分块：div

2.7　文本级语义元素

2.8　表格数据元素

2.8.1　表格基础

2.8.2　添加表头

2.8.3　增加说明：caption

2.8.4　增加结构：thead、tfoot 和 tbody

2.8.5　添加更多结构：colgroup和 col

2.9　表单元素

2.10 内嵌内容元素

2.11 交互元素

2.11.1　显示更多：summary 和 details

2.11.2　工具条：menu和command

小结

 

第3章　认识语义

3.1　什么是语义，跟我有什么关系

3.2　用大纲思考

3.3　HTML5 大纲算法

3.4　用标题内容隐性地创建大纲

3.5　用区块内容创建大纲

3.5.1　提高大纲的语义

3.6　头和尾

3.6.1　使用hgroup

3.6.2　格式化有地址的尾部

3.6.3　确定头尾内容

3.7　查看HTML5大纲

3.8　div和span过时了吗

3.9　案例学习：《城市新闻报》

3.9.1　添加文本级语义

3.10 其他文本级元素

3.10.1　作品标题：cite

3.10.2　格式化计算机输入/输出：code、var、samp、kbd

3.10.3　标记文本编辑：ins和del

3.10.4　处理外来脚本

小结

 

第4章　精通表单

4.1　表单元素复习

4.1.1　分析表单元素

4.1.2　表单元素属性

4.2　获取输入

4.2.1　最初的输入类型

4.2.2　新输入类型

4.3　校验和提交表单

4.3.1　输入字段必填

4.3.2　用按钮和图片提交表单

4.4　其他常用input元素属性

4.4.1　提供占位符文字

4.4.2　字段只读

4.4.3　autocomplete 和 autofocus

4.4.4　使用数据列表

4.5　其他表单控件

4.5.1　菜单

4.5.2　文本块

4.5.3　显示进度

4.5.4　显示度量

4.5.5　显示计算的输出

4.5.6　密钥生成器

4.6　用fieldset和label添加结构

4.7　完整的表单

4.7.1　第一页：收集用户详情

4.7.2　第二页：收集评论

4.7.3　第三页： 确认信息

4.8　表单可用性

4.8.1　各司其职的输入类型

4.8.2　保持简洁

4.8.3　别让我思考、别让我费力、别骗我

4.8.4　记住互联网是全球的

4.8.5　需要时提供后备方案

小结

 

第5章　多媒体：视频、音频和内嵌媒体

5.1　一切的开始：img

5.2　图像映射

5.3　嵌入其他媒体

5.3.1　embed元素

5.3.2　object元素

5.4　嵌入的HTML：iframe

5.4.1　处理iframe元素里的内容

5.4.2　新的iframe元素属性

5.4.3　指向iframe

5.5 　视频

5.5.1　视频格式

5.5.2　版权问题

5.5.3　处理视频源

5.5.4　视频属性

5.6　音频

5.6.1　音频格式

5.7　文字轨

5.8　编码音频和视频

5.9　最后一个重要元素

小结

 

第6章　CSS3

6.1　当前状态：CSS2.1

6.2　CSS3 模块

6.3　使用CSS

6.3.1　附上样式表

6.3.2　CSS样式规则

6.3.3　基本的CSS选择器语法

6.3.4　高级选择器

6.3.5　高效使用选择器

6.3.6　CSS盒模型

6.4　背景和边框

6.4.1　基本背景色和图片

6.4.2　多重背景

6.4.3　圆角

6.4.4　阴影

6.5　颜色

6.5.1　屏幕上的颜色

6.5.2　功能符语法

6.5.3　色调、饱和度、亮度

6.5.4　不透明度

6.6　网页字体的编排设计

6.6.1　网页字体

6.6.2　多列

6.6.3　文字特效

6.6.4　字体的规则

小结

 

第7章　用户交互和HTML5 API

7.1　使用本章的javaScript

7.1.1　操作DOM属性和方法

7.1.2　控制台日志

7.1.3　事件

7.2　历史API

7.2.1　非常简单的ajax

7.2.2　基于历史的Ajax

7.3　构建自定义视频控制器

7.4　2D Canvas API 编程

7.4.1　画布绘图

7.4.2　画布状态

7.4.3　画布的交互

7.4.4　画布动画

7.5　拖曳操作

7.5.1　用拖曳排序列表

小结

 

第8章　前方的路

8.1　移动互联网的挑战

8.2　响应式设计

8.2.1　viewport

8.2.2　媒体查询

8.3　离线应用缓存

8.4　其他HTML5技术

8.4.1　微数据

8.4.2　撤销管理器API

8.4.3　即将到来的CSS技术

小结

附录A　相关技术

索引

引言

除非你一直离开这个数字时代外出度假，否则肯定听到过很多关于HTML5的议论。作为一个互联网从业人员，很显然理解HTML5已经不是加分技能，而是必备技能了。过去几年来互联网的课程从XHTML到HTML5发生了根本性的变化，这带来了新的概念需要学习，也要摒弃过时的编程实践。

有时HTML5涵盖的内容可能看起来神秘又模糊，分解HTML5的定义可能会有很多方向。本书会详细地覆盖HTML5的状况，并让你在技术上打下一个坚实的基础。在深入细节之前会简要介绍基础概念，重点在于打下HTML的基础。例如在表单、多媒体和提升了的网站语义化方面有很多新元素和属性。同时也有很多元素和属性被废弃了，作为一个专业的开发者，你应该绝对不再使用它们了（是吧？）。我们用清晰简单的摘要来展示当前HTML元素的正确用法。CSS和JavaScript这两个主题，会通过它们各自和HTML的关系来讨论和研究。

另外，为了介绍更进一步的理论和实践知识，数字颜色值、媒体格式、响应式设计，甚至是三角学这些内容都会介绍。

虽然HTML5还要经过多年才能成熟，但你会发现它已经为很多下一代网页应用打下了基础——可能就是你开发的网页应用呢！

 

本书面向的读者

本书面向任何熟悉HTML、CSS和JavaScript，并有兴趣深入理解这些标准的读者。HTML5标准非常庞大。本书的介绍将带你快速入门，是你学习更高级HTML知识的“跳板”。

虽然HTML、CSS和JavaScript看似熟悉、简单，但是你一定会发现带来惊喜的新内容。学习这些细节知识对于掌握HTML5有莫大作用。读完本书后，你会拥有基础知识和能力去探索更加高级的现代网页开发技术。

本书的结构

本书首先讨论让HTML5变成今天最炙手可热的开发技术的出奇复杂的历史。针对新接触HTML的读者，在进入HTML5的亮点和自HTML 4.0.1之后的变化之前，我们会先介绍HTML5的基本术语。在HTML5状况的概要之后，接下来的章节深入到具体的领域，详细地介绍HTML元素和相关技术。

本书的前三分之一部分会帮你了解HTML5的特性，打下扎实的基础，有助你为今天的互联网组织、开发更好的网页。在第2章，你会学到所有元素都拥有的全局属性和HTML5的新内容模型类别，它用于将HTML元素分为一系列重叠的分组。有两章内容用来深入讨论这些元素。语义化地构建页面给予了特别的关注。在广泛理解了所有HTML元素后，本书的第二个三分之一部分深入网页表单元素，在它之后是内嵌媒体。

本书最后的三分之一部分包括跟HTML紧密结合使用但是跟HTML元素分离的概念。从第6章开始，讨论HTML和CSS3的关系。会介绍CSS的基本概念，并通过实例展示CSS3的主要特性。之后介绍HTML5 JavaScript API的概念。我们会创建一个简单模板来研究JavaScript，并结合例子演示。本书以移动设备网页开发收尾，最后是正在发展的HTML5技术的摘要。并且全书的最后是通常跟HTML5一起使用（比如地理位置API），但并不属于HTML5的技术概要。

本书可以从头到尾阅读，或者放在你的计算机旁作为元素和概念的参考手册。要充分利用本书，我推荐（WHATWG）HTML标准的要诀，在谈到应该怎样阅读文档才最有效时，是这样说的：

“应该从头到尾读多遍。然后，至少从后往前读一遍。之后从目录随机选取，并按照交叉引用阅读。”