深入理解HTML5

关于作者

关于技术审阅人

关于封面设计者

致谢

引言

第1章 起步：HTML5 的演变

1.1 HTML5 = HTML HTML

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 相关技术

索引

互联网的发展和繁荣离不开HTML，但是大部分人都不了解她的强大功能。想成为HTML5专家吗？那就告别那些低劣的HTML代码吧。
　　HTML5并不一定适用于所有网站，而是面向未来的网站！《深入理解HTML5：语义、标准与样式》面向的读者是致力于创建有更好的多媒体、交互性和语义的网站的开发者和设计师。
　　《深入理解HTML5：语义、标准与样式》介绍了HTML5里的新元素和它们的用法，包括不太常用的元素。书中也包含了巧妙的样式和脚本技巧，可以运用于你的网站。《深入理解HTML5：语义、标准与样式》遵循技术标准和新的网站设计技术。

《深入理解HTML5：语义、标准与样式》讲解循序渐进，包括详细的基础概念和优秀实践。然后覆盖了核心HTML5技术，带你学习多媒体、交互性和改进的语义。每一章都以简单的内容开始，之后进入逐步复杂的示例。在本书中，你会学习到：
　　用新的语义标签改善代码
　　不用插件在页面使用多媒体和交互性
　　用HTML5元素和客户端校验创建出色的表单
　　探索强大的配套API
海报；