雅书

内容简介：

《HTML5 权威指南》是系统学习网页设计的权威参考图书。本书分为五部分：第一部分介绍学习本书的预备知识和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版)》销量均在同品种中名列前茅，备受读者推崇。《HTML5权威指南》是Freeman专门为网页开发新手和网页设计师打造的经典参考书，这本书秉承作者的一贯风格，幽默风趣、简约凝练、逻辑性强，是广大Web开发人员的必读经典。

第一部分开篇

第1章HTML5背景知识1

1.1 HTML的历史2

1.1.1 JavaScript出场2

1.1.2 浏览器战争的结束3

1.1.3 插件称雄3

1.1.4 语义HTML浮出水面3

1.1.5 发展态势：HTML标准滞后于其使用4

1.2 HTML5简介4

1.2.1 新标准4

1.2.2 引入原生多媒体支持5

1.2.3 引入可编程内容5

1.2.4 引入语义Web6

1.3 HTML5现况6

1.3.1 浏览器对HTML5的支持情况6

1.3.2 网站对HTML5的支持情况6

1.4 本书结构6

1.5 HTML5的更多信息7

1.6 小结7

第2章准备工作8

2.1 挑选浏览器8

2.2 挑选HTML编辑器9

2.3 挑选Web服务器9

2.4 获取Node.js9

2.5 获取示例代码10

2.6 小结10

第3章初探HTML11

3.1 使用元素12

3.1.1 了解本章用到的元素13

3.1.2 使用空元素14

3.1.3 使用自闭合标签14

3.1.4 使用虚元素14

3.2 使用元素属性16

3.2.1 一个元素应用多个属性16

3.2.2 使用布尔属性16

3.2.3 使用自定义属性17

3.3 创建HTML文档17

3.3.1 外层结构18

3.3.2 元数据19

3.3.3 内容19

3.3.4 父元素、子元素、后代元素和兄弟元素20

3.3.5 了解元素类型20

3.4 使用HTML实体21

3.5 HTML5全局属性21

3.5.1 accesskey属性21

3.5.2 class属性22

3.5.3 contenteditable属性25

3.5.4 contextmenu属性25

3.5.5 dir属性26

3.5.6 draggable属性26

3.5.7 dropzone属性26

3.5.8 hidden属性26

3.5.9 id属性28

3.5.10 lang属性29

3.5.11 spellcheck属性29

3.5.12 style属性30

3.5.13 tabindex属性30

3.5.14 title属性31

3.6 有用的HTML工具32

3.7 小结32

第4章初探CSS33

4.1 定义和应用样式33

4.1.1 了解本章所用的CSS属性34

4.1.2 使用元素内嵌样式34

4.1.3 使用文档内嵌样式35

4.1.4 使用外部样式表37

4.2 样式的层叠和继承40

4.2.1 浏览器样式40

4.2.2 用户样式41

4.2.3 样式如何层叠42

4.2.4 用重要样式调整层叠次序42

4.2.5 根据具体程度和定义次序解决同级样式冲突43

4.2.6 继承46

4.3 CSS中的颜色48

4.4 CSS中的长度49

4.4.1 绝对长度50

4.4.2 相对长度51

4.5 其他CSS单位56

4.5.1 使用CSS角度56

4.5.2 使用CSS时间57

4.6 测试CSS特性的支持情况57

4.7 有用的CSS工具57

4.7.1 浏览器样式报告57

4.7.2 用SelectorGadget生成选择器58

4.7.3 用LESS改进CSS59

4.7.4 使用CSS框架59

4.8 小结59

第5章初探JavaScript60

5.1 准备使用JavaScript61

5.2 使用语句62

5.3 定义和使用函数63

5.3.1 定义带参数的函数63

5.3.2 定义会返回结果的函数64

5.4 使用变量和类型65

5.4.1 使用基本类型66

5.4.2 创建对象67

5.4.3 使用对象69

5.5 使用JavaScript运算符73

5.5.1 相等和等同运算符73

5.5.2 显式类型转换76

5.6 使用数组78

5.6.1 使用数组字面量79

5.6.2 读取和修改数组内容80

5.6.3 枚举数组内容80

5.6.4 使用内置的数组方法81

5.7 处理错误81

5.8 比较undefined和null值83

5.8.1 检查变量或属性是否为undefined或null85

5.8.2 区分null和undefined85

5.9 常用的JavaScript工具86

5.9.1 使用JavaScript调试器86

5.9.2 使用JavaScript库86

5.10 小结87

第二部分HTML元素

第6章HTML5元素背景知识90

6.1 语义与呈现分离90

6.2 元素选用原则91

6.2.1 少亦可为多91

6.2.2 别误用元素91

6.2.3 具体为佳，一以贯之91

6.2.4 对用户不要想当然92

6.3 元素说明体例92

6.4 元素速览92

6.4.1 文档和元数据元素92

6.4.2 文本元素93

6.4.3 对内容分组94

6.4.4 划分内容95

6.4.5 制表95

6.4.6 创建表单96

6.4.7 嵌入内容96

6.5 未实现的元素97

6.6 小结97

第7章创建HTML文档98

7.1 构筑基本的文档结构99

7.1.1 DOCTYPE元素99

7.1.2 html元素99

7.1.3 head元素100

7.1.4 body元素101

7.2 用元数据元素说明文档102

7.2.1 设置文档标题102

7.2.2 设置相对URL的解析基准103

7.2.3 用元数据说明文档104

7.2.4 定义CSS样式108

7.2.5 指定外部资源112

7.3 使用脚本元素116

7.3.1 script元素117

7.3.2 noscript元素123

7.4 小结125

第8章标记文字126

8.1 生成超链接127

8.1.1 生成指向外部的超链接128

8.1.2 使用相对URL129

8.1.3 生成内部超链接129

8.1.4 设定浏览环境130

8.2 用基本的文字元素标记内容131

8.2.1 表示关键词和产品名称131

8.2.2 加以强调132

8.2.3 表示外文词语或科技术语133

8.2.4 表示不准确或校正134

8.2.5 表示重要的文字135

8.2.6 为文字添加下划线136

8.2.7 添加小号字体内容137

8.2.8 添加上标和下标138

8.3 换行139

8.3.1 强制换行139

8.3.2 指明可以安全换行的建议位置141

8.4 表示输入和输出142

8.5 使用标题引用、引文、定义和缩写143

8.5.1 表示缩写143

8.5.2 定义术语144

8.5.3 引用来自他处的内容145

8.5.4 引用其他作品的标题146

8.6 使用语言元素147

8.6.1 ruby、rt和rp元素147

8.6.2 bdo元素149

8.6.3 bdi元素150

8.7 其他文本元素152

8.7.1 表示一段一般性的内容152

8.7.2 突出显示文本153

8.7.3 表示添加和删除的内容155

8.7.4 表示时间和日期156

8.8 小结157

第9章组织内容158

9.1 为什么要对内容分组158

9.2 建立段落159

9.3 使用div元素161

9.4 使用预先编排好格式的内容163

9.5 引用他处内容164

9.6 添加主题分隔166

9.7 将内容组织为列表169

9.7.1 ol元素169

9.7.2 ul元素171

9.7.3 li元素172

9.7.4 生成说明列表173

9.7.5 生成自定义列表174

9.8 使用插图176

9.9 小结178

第10章文档分节179

10.1 添加基本的标题179

10.2 隐藏子标题182

10.3 生成节185

10.4 添加首部和尾部188

10.5 添加导航区域191

10.6 使用article194

10.7 生成附注栏198

10.8 提供联系信息201

10.9 生成详情区域202

10.10 小结205

第11章表格元素206

11.1 生成基本的表格206

11.2 添加表头单元格209

11.3 为表格添加结构211

11.3.1 表示表头和表格主题212

11.3.2 添加表脚214

11.4 制作不规则表格216

11.5 把表头与单元格关联起来220

11.6 为表格添加标题221

11.7 处理列223

11.8 设置表格边框228

11.9 小结230

第12章表单231

12.1 制作基本表单232

12.1.1 定义表单233

12.1.2 查看表单数据234

12.2 配置表单236

12.2.1 配置表单的action属性236

12.2.2 配置HTTP方法属性237

12.2.3 配置数据编码237

12.2.4 控制表单的自动完成功能239

12.2.5 指定表单反馈信息的目标显示位置240

12.2.6 设置表单名称242

12.3 在表单中添加说明标签242

12.4 自动聚焦到某个input元素244

12.5 禁用单个input元素245

12.6 对表单元素编组246

12.6.1 为fieldset元素添加说明标签248

12.6.2 用fieldset禁用整组input元素249

12.7 使用button元素250

12.7.1 用button元素提交表单251

12.7.2 用button元素重置表单252

12.7.3 把button作为一般元素使用253

12.8 使用表单外的元素254

12.9 小结254

第13章定制input元素255

13.1 用input元素输入文字256

13.1.1 设定元素大小256

13.1.2 设置初始值和占位式提示258

13.1.3 使用数据列表259

13.1.4 生成只读或被禁用的文本框262

13.1.5 指定文字方向数据的名称263

13.2 用input元素输入密码263

13.3 用input元素生成按钮266

13.4 用input元素为输入数据把关267

13.4.1 用input元素获取数值268

13.4.2 用input元素获取指定范围内的数值270

13.4.3 用input元素获取布尔型输入271

13.4.4 用input元素生成一组固定选项273

13.4.5 用input元素获取有规定格式的字符串275

13.4.6 用input元素获取时间和日期277

13.4.7 用input元素获取颜色值279

13.5 用input元素获取搜索用词281

13.6 用input元素生成隐藏的数据项282

13.7 用input元素生成图像按钮和分区响应图284

13.8 用input元素上传文件286

13.9 小结288

第14章其他表单元素及输入验证289

14.1 使用其他表单元素289

14.1.1 生成选项列表289

14.1.2 输入多行文字294

14.1.3 表示计算结果296

14.1.4 生成公开/私有密钥对297

14.2 使用输入验证298

14.2.1 确保用户提供了一个值299

14.2.2 确保输入值位于某个范围内300

14.2.3 确保输入值与指定模式匹配301

14.2.4 确保输入值是电子邮箱地址或URL303

14.3 禁用输入验证304

14.4 小结305

第15章嵌入内容306

15.1 嵌入图像306

15.1.1 在超链接里嵌入图像308

15.1.2 创建客户端分区响应图310

15.2 嵌入另一张HTML文档313

15.3 通过插件嵌入内容315

15.3.1 使用embed元素315

15.3.2 使用object和param元素317

15.4 object元素的其他用途319

15.4.1 使用object元素嵌入图像319

15.4.2 使用object元素创建分区响应图320

15.4.3 将object元素作为浏览上下文环境320

15.5 嵌入数字表现形式321

15.5.1 显示进度321

15.5.2 显示范围里的值322

15.6 其他嵌入元素324

15.6.1 嵌入音频和视频324

15.6.2 嵌入图形324

15.7 小结324

第三部分CSS

第16章理解CSS326

16.1 CSS标准化326

16.2 盒模型327

16.3 选择器简明参考328

16.4 属性简明参考329

16.4.1 边框和背景属性329

16.4.2 盒模型属性331

16.4.3 布局属性332

16.4.4 文本属性332

16.4.5 过渡、动画和变换属性333

16.4.6 其他属性334

16.5 小结334

第17章使用CSS选择器(第Ⅰ部分)335

17.1 使用CSS基本选择器335

17.1.1 选择所有元素336

17.1.2 根据类型选择元素337

17.1.3 根据类选择元素338

17.1.4 根据ID选择元素340

17.1.5 根据属性选择元素341

17.2 复合选择器344

17.2.1 并集选择器344

17.2.2 后代选择器345

17.2.3 选择子元素347

17.2.4 选择兄弟元素349

17.3 使用伪元素选择器351

17.3.1 使用::first-line选择器351

17.3.2 使用::first-letter选择器352

17.3.3 使用:before和:after选择器353

17.3.4 使用CSS计数器354

17.4 小结356

第18章使用CSS选择器(第Ⅱ部分)357

18.1 使用结构性伪类选择器357

18.1.1 使用根元素选择器358

18.1.2 使用子元素选择器359

18.1.3 使用:nth-child选择器363

18.2 使用UI伪类选择器364

18.2.1 选择启用或禁用元素364

18.2.2 选择已勾选的元素365

18.2.3 选择默认元素366

18.2.4 选择有效和无效的input元素367

18.2.5 选择限定范围的input元素369

18.2.6 选择必需和可选的input元素370

18.3 使用动态伪类选择器371

18.3.1 使用:link和:visited选择器371

18.3.2 使用:hover选择器372

18.3.3 使用:active选择器373

18.3.4 使用:focus选择器374

18.4 其他伪类选择器375

18.4.1 使用否定选择器376

18.4.2 使用:empty选择器376

18.4.3 使用:lang选择器377

18.4.4 使用:target选择器377

18.5 小结379

第19章使用边框和背景380

19.1 应用边框样式380

19.1.1 定义边框宽度381

19.1.2 定义边框样式382

19.1.3 为一条边应用边框样式383

19.1.4 使用border简写属性384

19.1.5 创建圆角边框385

19.1.6 将图像用做边框388

19.2 设置元素的背景392

19.2.1 设置背景颜色和图像392

19.2.2 设置背景图像的尺寸394

19.2.3 设置背景图像位置395

19.2.4 设置元素的背景附着方式396

19.2.5 设置背景图像的开始位置和裁剪样式397

19.2.6 使用background简写属性399

19.3 创建盒子阴影400

19.4 应用轮廓403

19.5 小结405

第20章使用盒模型406

20.1 为元素应用内边距407

20.2 为元素应用外边距409

20.3 控制元素的尺寸410

20.3.1 设置一定尺寸的盒子412

20.3.2 设置最小和最大尺寸413

20.4 处理溢出内容414

20.5 控制元素的可见性417

20.6 设置元素的盒类型419

20.6.1 认识块级元素420

20.6.2 认识行内元素421

20.6.3 认识行内?块级元素422

20.6.4 认识插入元素423

20.6.5 隐藏元素426

20.7 创建浮动盒427

20.8 小结433

第21章创建布局434

21.1 定位内容434

21.1.1 设置定位类型435

21.1.2 设置元素的层叠顺序437

21.2 创建多列布局439

21.3 创建弹性盒布局442

21.3.1 创建简单的弹性盒444

21.3.2 伸缩多个元素446

21.3.3 处理垂直空间447

21.3.4 处理最大尺寸448

21.4 创建表格布局450

21.5 小结453

第22章设置文本样式454

22.1 应用基本文本样式454

22.1.1 对齐文本455

22.1.2 处理空白457

22.1.3 指定文本方向460

22.1.4 指定单词、字母、行之间的间距461

22.1.5 控制断词462

22.1.6 首行缩进464

22.2 文本装饰与大小写转换465

22.3 创建文本阴影467

22.4 使用字体468

22.4.1 选择字体469

22.4.2 设置字体大小470

22.4.3 设置字体样式和粗细472

22.5 使用Web字体473

22.6 小结475

第23章过渡、动画和变换476

23.1 使用过渡477

23.1.1 创建反向过渡480

23.1.2 选择中间值的计算方式481

23.2 使用动画483

23.2.1 使用关键帧486

23.2.2 设置重复方向488

23.2.3 理解结束状态490

23.2.4 初始布局时应用动画491

23.2.5 重用关键帧492

23.2.6 为多个元素应用多个动画493

23.2.7 停止和启动动画495

23.3 使用变换497

23.3.1 应用变换497

23.3.2 指定元素变换的起点498

23.3.3 将变换作为动画和过渡处理500

23.4 小结501

第24章其他CSS属性和特性502

24.1 设置元素的颜色和透明度502

24.1.1 设置前景色502

24.1.2 设置元素的透明度504

24.2 设置表格样式505

24.2.1 合并表格边框505

24.2.2 配置独立边框507

24.2.3 处理空单元格508

24.2.4 设置标题的位置509

24.2.5 指定表格布局511

24.3 设置列表样式512

24.3.1 设置列表标记类型513

24.3.2 使用图像作为列表标记514

24.3.3 设置列表标记的位置515

24.4 设置光标样式517

24.5 小结518

第四部分使用DOM

第25章理解DOM520

25.1 理解文档对象模型520

25.2 理解DOM Level和兼容性522

25.3 DOM快速查询524

25.3.1 Document的成员524

25.3.2 Window的成员525

25.3.3 HTMLElement的成员527

25.3.4 DOM里的CSS属性529

25.3.5 DOM中的事件531

25.4 小结532

第26章使用Document对象533

26.1 使用Document元数据536

26.1.1 获取文档信息536

26.1.2 使用Location对象537

26.1.3 读取和写入cookie541

26.1.4 理解就绪状态542

26.1.5 获取DOM的实现情况543

26.2 获取HTML元素对象544

26.2.1 使用属性获取元素对象545

26.2.2 使用数组标记获取已命名元素546

26.2.3 搜索元素548

26.2.4 合并进行链式搜索550

26.3 在DOM树里导航552

26.4 小结554

第27章使用Window对象555

27.1 获取Window对象555

27.2 获取窗口信息556

27.3 与窗口进行交互558

27.4 对用户进行提示559

27.5 获取基本信息561

27.6 使用浏览器历史561

27.6.1 在浏览历史中导航562

27.6.2 在浏览历史里插入条目564

27.6.3 为不同的文档添加条目566

27.6.4 在浏览历史中保存复杂状态567

27.6.5 替换浏览历史中的条目570

27.7 使用跨文档消息传递570

27.8 使用计时器574

27.9 小结576

第28章使用DOM元素577

28.1 使用元素对象577

28.1.1 使用类579

28.1.2 使用元素属性582

28.2 使用Text对象586

28.3 修改模型588

28.3.1 创建和删除元素589

28.3.2 复制元素591

28.3.3 移动元素592

28.3.4 比较元素对象593

28.3.5 使用HTML片段595

28.3.6 向文本块插入元素600

28.4 小结601

第29章为DOM元素设置样式602

29.1 使用样式表602

29.1.1 获得样式表的基本信息603

29.1.2 使用媒介限制605

29.1.3 禁用样式表607

29.1.4 CSSRuleList对象的成员608

29.2 使用元素样式611

29.3 使用CSSStyleDeclaration对象613

29.3.1 使用便捷属性613

29.3.2 使用常规属性616

29.3.3 使用细粒度的CSS DOM对象620

29.4 使用计算样式623

29.5 小结625

第30章使用事件626

30.1 使用简单事件处理器627

30.1.1 实现简单的内联事件处理器627

30.1.2 实现一个简单的事件处理函数629

30.2 使用DOM和事件对象630

30.2.1 按类型区分事件633

30.2.2 理解事件流634

30.2.3 使用可撤销事件641

30.3 使用HTML事件642

30.3.1 文档和窗口事件642

30.3.2 使用鼠标事件643

30.3.3 使用键盘焦点事件645

30.3.4 使用键盘事件647

30.3.5 使用表单事件649

30.4 小结649

第31章使用元素专属对象650

31.1 文档和元数据对象650

31.1.1 base元素650

31.1.2 body元素650

31.1.3 link元素651

31.1.4 meta元素651

31.1.5 script元素651

31.1.6 style元素652

31.1.7 title元素652

31.1.8 其他文档和元数据元素652

31.2 文本元素652

31.2.1 a元素652

31.2.2 del和ins元素653

31.2.3 q元素653

31.2.4 time元素653

31.2.5 其他文本元素654

31.3 分组元素654

31.3.1 blockquote元素654

31.3.2 li元素654

31.3.3 ol元素654

31.3.4 其他分组元素655

31.4 区块元素655

31.4.1 details元素655

31.4.2 其他区块元素655

31.5 表格元素655

31.5.1 col和colgroup元素655

31.5.2 table元素656

31.5.3 thead、tbody和tfoot元素656

31.5.4 th元素657

31.5.5 tr元素657

31.5.6 其他表格元素657

31.6 表单元素657

31.6.1 button元素657

31.6.2 datalist元素658

31.6.3 fieldset元素658

31.6.4 form元素658

31.6.5 input元素659

31.6.6 label元素660

31.6.7 legend元素661

31.6.8 optgroup元素661

31.6.9 option元素661

31.6.10 output元素661

31.6.11 select元素662

31.6.12 textarea元素663

31.7 内容元素663

31.7.1 area元素664

31.7.2 embed元素664

31.7.3 iframe元素664

31.7.4 img元素665

31.7.5 map元素665

31.7.6 meter元素665

31.7.7 object元素666

31.7.8 param元素666

31.7.9 progress元素667

31.8 小结667

第五部分高级功能

第32章使用Ajax(第Ⅰ部分)670

32.1 Ajax起步671

32.1.1 处理响应674

32.1.2 主流中的异类：应对Opera675

32.2 使用Ajax事件677

32.3 处理错误679

32.3.1 处理设置错误681

32.3.2 处理请求错误682

32.3.3 处理应用程序错误682

32.4 获取和设置标头683

32.4.1 覆盖请求的HTTP方法683

32.4.2 禁用内容缓存685

32.4.3 读取响应标头685

32.5 生成跨源Ajax请求687

32.5.1 使用Origin请求标头690

32.5.2 高级CORS功能691

32.6 中止请求691

32.7 小结693

第33章使用Ajax(第Ⅱ部分)694

33.1 准备向服务器发送数据694

33.1.1 定义服务器695

33.1.2 理解问题所在697

33.2 发送表单数据698

33.3 使用FormData对象发送表单数据701

33.3.1 创建FormData对象701

33.3.2 修改FormData对象702

33.4 发送JSON数据703

33.5 发送文件705

33.6 追踪上传进度707

33.7 请求并处理不同内容类型709

33.7.1 接收HTML片段709

33.7.2 接收XML数据712

33.7.3 接收JSON数据714

33.8 小结715

第34章使用多媒体716

34.1 使用video元素717

34.1.1 预先加载视频718

34.1.2 显示占位图像720

34.1.3 设置视频尺寸720

34.1.4 指定视频来源(和格式)721

34.1.5 track元素724

34.2 使用audio元素724

34.3 通过DOM操作嵌入式媒体726

34.3.1 获得媒体信息726

34.3.2 评估回放能力728

34.3.3 控制媒体回放730

34.4 小结733

第35章使用canvas元素(第Ⅰ部分)734

35.1 开始使用canvas元素735

35.2 获取画布的上下文736

35.3 绘制矩形737

35.4 设置画布绘制状态739

35.4.1 设置线条连接样式741

35.4.2 设置填充和笔触样式742

35.4.3 使用渐变743

35.4.4 使用径向渐变748

35.4.5 使用图案751

35.5 保存和恢复绘制状态753

35.6 绘制图像755

35.6.1 使用视频图像756

35.6.2 使用画布图像759

35.7 小结761

第36章使用canvas元素(第Ⅱ部分)762

36.1 用路径绘图762

36.1.1 用线条绘制路径763

36.1.2 绘制矩形766

36.2 绘制圆弧768

36.2.1 使用arcTo方法768

36.2.2 使用arc方法772

36.3 绘制贝塞尔曲线773

36.3.1 绘制三次贝塞尔曲线773

36.3.2 绘制二次贝塞尔曲线775

36.4 创建剪辑区域777

36.5 绘制文本778

36.6 使用特效和变换780

36.6.1 使用阴影780

36.6.2 使用透明度781

36.6.3 使用合成782

36.6.4 使用变换784

36.7 小结786

第37章使用拖放787

37.1 创建来源项目787

37.2 创建释放区791

37.3 使用DataTransfer对象794

37.3.1 根据数据过滤被拖动项目796

37.3.2 拖放文件797

37.4 小结801

第38章使用地理定位802

38.1 使用地理定位802

38.2 处理地理定位错误805

38.3 指定地理定位选项807

38.4 监控位置809

38.5 小结810

第39章使用Web存储811

39.1 使用本地存储811

39.2 使用会话存储815

39.3 小结819

第40章创建离线Web应用程序820

40.1 定义问题820

40.2 定义清单822

40.3 检测浏览器状态827

40.4 使用离线缓存828

40.4.1 制作更新832

40.4.2 获取更新832

40.4.3 应用更新833

40.5 小结834