第1章 HTML5和CSS3简介

1.1 什么是HTML5

1.2 如何发展至今

1.3 我们为什么应关注HTML5

1.4 什么是CSS3

1.5 我们为什么应关注CSS3

1.6 在现实中，我们想做的是什么

1.6.1 多种浏览器的市场

1.6.2 不断发展的移动市场

1.7 实际应用

第2章 HTML5样式的标记

2.1 The HTML5 Herald简介

2.2 基本的HTML5模板

2.2.1 Doctype

2.2.2 html元素

2.2.3 head元素

2.2.4 公平竞争

2.2.5 剩余部分是历史简介

2.3 HTML5常见问题

2.3.1 为什么这些变更仍能够在旧版浏览器中工作

2.3.2 是否需要关闭所有标签

2.3.3 关于其他的基于XHTML的语法使用习惯

2.4 定义页面结构

2.4.1 header元素

2.4.2 section元素

2.4.3 article元素

2.4.4 nav元素

2.4.5 aside元素

2.4.6 footer元素

2.5 构建The HTML5 Herald

2.6 小结

第3章 关于HTML5语义的更多内容

3.1 关于内容类型的新视角

3.2 文档大纲

3.3 最新消息

3.4 更多新元素

3.4.1 figure和figcaption元素

3.4.2 mark元素

3.4.3 progress和meter元素

3.4.4 time元素

3.5 对现有功能的更改

3.5.1 单词“Deprecated”是被弃用的

3.5.2 链接中的block元素

3.5.3 黑体文本

3.5.4 斜体文本

3.5.5 大号和小号文体

3.5.6 引起争议的cite元素

3.5.7 描述（不是定义）列表

3.6 其他新元素及功能

3.6.1 details元素

3.6.2 自定义的有序列表

3.6.3 作用域样式

3.6.4 script元素的async属性

3.7 验证HTML5文档

3.8 小结

第4章 HTML5表单

4.1 工具箱中的相关工具

4.2 HTML5表单属性

4.2.1 required属性

4.2.2 placeholder属性

4.2.3 pattern属性

4.2.4 disabled属性

4.2.5 readonly属性

4.2.6 multiple属性

4.2.7 form属性

4.2.8 autocomplete属性

4.2.9 datalist元素和list属性

4.2.10 autofocus属性

4.3 HTML5新表单输入类型

4.3.1 search

4.3.2 Email Addresses

4.3.3 URL

4.3.4 Telephone Numbers

4.3.5 Numbers

4.3.6 Ranges

4.3.7 Colors

4.3.8 Dates和Times

4.4 HTML5中的其他新表单控件

4.4.1 output元素

4.4.2 keygen元素

4.5 对现有表单控件及属性的更改

4.5.1 form元素

4.5.2 optgroup元素

4.5.3 textarea元素

4.6 小结

第5章 HTML5音频和视频

5.1 历史简介

5.2 目前状况

5.2.1 视频容器格式

5.2.2 视频编解码器

5.2.3 音频编解码器

5.2.4 当前浏览器使用哪种组合

5.3 标记

5.3.1 启用本机控件

5.3.2 autoplay属性

5.3.3 loop属性

5.3.4 preload属性

5.3.5 poster属性

5.3.6 audio属性

5.3.7 添加对多种视频格式的支持

5.3.8 资源顺序

5.3.9 关于Internet Explorer 6～8

5.3.10 MIME类型

5.4 用于网络的视频文件解码

5.5 创建自定义控件

5.5.1 让我们从一些标记和设计开始

5.5.2 介绍媒体元素API

5.5.3 播放和暂停视频

5.5.4 视频音轨的静音与取消静音

5.5.5 视频结束播放的响应

5.5.6 更新视频播放的时间

5.5.7 媒体元素API的其他一些功能

5.6 关于音频

5.7 可访问的媒体

5.8 小结

第6章 CSS3简介

6.1 改进旧版浏览器

6.2 CSS3选择器

6.2.1 关系选择器

6.2.2 属性选择器

6.2.3 伪类

6.2.4 结构化伪类

6.2.5 伪元素和生成的内容

6.3 CSS3颜色

6.3.1 RGBA

6.3.2 HSL和HSLA

6.3.3 不透明度

6.4 实际应用

6.5 圆角：border-radius

6.6 投影

6.7 文本阴影

6.8 更多阴影

6.9 小结

第7章 CSS3渐变和多背景

7.1 线性渐变

7.1.1 W3C语法

7.1.2 旧WebKit语法

7.1.3 实际应用

7.1.4 使用SVG的线性渐变

7.1.5 使用Internet Explorer滤镜的线性渐变

7.1.6 便捷的工具7.2 径向渐变

7.2.1 W3C语法

7.2.2 旧WebKit语法

7.2.3 实际应用

7.3 重复渐变

7.4 多背景图像

7.5 背景大小

7.6 小结

第8章 CSS3转换和过渡

8.1 转换

8.1.1 平移

8.1.2 缩放

8.1.3 旋转

8.1.4 倾斜

8.1.5 更改转换的原点

8.1.6 对Internet Explorer 8及更早版本的支持

8.2 过渡

8.2.1 transition-property

8.2.2 transition-duration

8.2.3 transition-timing-function

8.2.4 transition-delay

8.2.5 transition简写属性

8.2.6 多个过渡

8.3 动画

8.3.1 关键帧

8.3.2 动画属性

8.4 小结

第9章 嵌入字体和多列布局

9.1 Web字体和@font-face

9.1.1 实现@font-face

9.1.2 声明字体来源

9.1.3 字体属性描述符

9.1.4 Unicode范围

9.1.5 应用字体

9.1.6 法律因素

9.1.7 创建各种字体文件类型：Font Squirrel

9.1.8 其他考虑因素

9.2 CSS3多列布局

9.2.1 column-count属性

9.2.2 column-gap属性

9.2.3 column-width属性

9.2.4 columns简写属性

9.2.5 列和height属性

9.2.6 其他列功能

9.2.7 其他考虑因素

9.2.8 渐进增强

9.3 媒体查询

9.3.1 什么是媒体查询

9.3.2 语法

9.3.3 媒体查询的灵活性

9.3.4 浏览器支持

9.3.5 其他阅读材料

9.4 小结

第10章 地理定位、离线Web应用和Web存储

10.1 地理定位

10.1.1 隐私问题

10.1.2 地理定位方法

10.1.3 使用Modernizr检查支持

10.1.4 获取当前位置

10.1.5 地理定位的Position对象

10.1.6 获取经度和纬度

10.1.7 加载地图

10.1.8 关于旧式移动设备的结束语

10.2 离线Web应用

10.2.1 工作原理：HTML5应用程序缓存

10.2.2 设置站点离线工作

10.2.3 获取离线存储站点的权限

10.2.4 离线测试

10.2.5 使The HTML5 Herald离线可用

10.2.6 离线Web应用存储的限制

10.2.7 后备部分

10.2.8 刷新缓存

10.2.9 我们在线吗

10.2.10 其他阅读材料

10.3 Web存储

10.3.1 两种存储

10.3.2 Web存储数据的外观

10.3.3 获取和设置数据

10.3.4 转换存储的数据

10.3.5 快捷方式

10.3.6 删除条目和清除数据

10.3.7 存储限制

10.3.8 安全考虑

10.3.9 将Web存储添加到The HTML5 Herald

10.3.10 用网页审查工具查看Web存储值

10.4 其他HTML5 API

10.4.1 网络工作者

10.4.2 网络套接字

10.4.3 Web SQL和IndexedDB

10.5 返回到绘制面板

第11章 画布、SVG和拖放

11.1 画布

11.1.1 关于画布的一些历史

11.1.2 创建画布元素

11.1.3 在画布上绘制

11.1.4 获取背景

11.1.5 用颜色填充画笔

11.1.6 在画布上绘制矩形

11.1.7 画布坐标系统

11.1.8 fillStyle的变化

11.1.9 通过创建路径绘制其他形状

11.1.10 存储画布绘制

11.1.11 在画布上绘制图像

11.1.12 处理图像

11.1.13 将彩色图像转换为黑白图像

11.1.14 getImageData的安全性错误

11.1.15 用画布测试视频

11.1.16 在画布上显示文字

11.1.17 关注可访问性

11.1.18 其他阅读材料

11.2 SVG

11.2.1 在SVG上绘制

11.2.2 使用Inkscape创建SVG图像

11.2.3 SVG过滤器

11.2.4 使用Raphal库

11.2.5 画布与SVG

11.3 拖放

11.3.1 给WAI-ARIA猫喂食

11.3.2 使元素可拖动

11.3.3 DataTransfer对象

11.3.4 接受可以放下的元素

11.3.5 其他阅读材料

11.4 结束了，朋友们！

附录A Modernizr

附录B WAI-ARIA

附录C 微数据