HTML5权威指南[The Definitive Guide To HTML5]pdf

HTML5权威指南[The Definitive Guide To HTML5] 内容简介

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

HTML5权威指南[The Definitive Guide To HTML5] 目录

第一部分 开篇

第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 小结

HTML5权威指南[The Definitive Guide To HTML5] 精彩文摘

代码清单4-5文件styles.css a t background-color：grey； color：white } span{ border：thin black solid； padding：10px； ） 样式表中用不着style元素，需要什么样式，只消为其设计好选择器，后面再跟上一套样式声明即可。然后HTML文档就可以用link元素将这些样式导入其中（link元素将在第7章详细介绍）。如代码清单4-6所示。 代码清单4.6导人外部样式表 <！DOCTYPE HlnL> ExamDle Visit the Apress website I likeaPPlesand oranges. Visit the W3C website v 文档想要链接多少样式表都行，为每个样式表使用一个link元素即可。如果不同样式表中的样式使用了相同的选择器，那么这些样式表的导入顺序很重要，在此情况下得以应用的是后导入的样式。 1.从其他样式表中导入样式 可以用@import语句将样式从一个样式表导入另一个样式表。代码清单4-7所示的样式表combined.css示范了这种用法。 代码清单4-7文件combined.CSS 8import“styles·；css”； span{ border：medium black dashed； padding：lopx； } 一个样式表中想要导人多少别的样式表都行，为每个样式表使用一条@import语句即可。@import语句必须位于样式表顶端，样式表自已的样式定义不能出现在它之前。在combined.css这个样式表中，先导入了styles.css，然后再定义了一条针对span元素的新样式。代码清单4-8显示了HTML文档链接combined.CSS样式表的情形。