HTML 5与CSS 3权威指南（第4版 上册）

前言

上册

第1章　Web时代的变迁 1

1.1　迎接新的Web时代 1

1.1.1　HTML 5时代即将来临1

1.1.2　HTML 5的目标3

1.1.3　HTML5的小版本更新4

1.2　HTML 5深受欢迎的理由 4

1.2.1　世界知名浏览器厂商对HTML 5的支持4

1.2.2　第一个理由：时代的要求5

1.2.3　第二个理由：Internet Explorer 85

1.3　可以放心使用HTML 5的三个理由 6

1.4　HTML 5要解决的三个问题 7

第2章　HTML 5与HTML 4的区别8

2.1　语法的改变 8

2.1.1　HTML 5的语法变化8

2.1.2　HTML 5中的标记方法9

2.1.3　HTML 5确保的兼容性10

2.1.4　标记示例11

2.2　新增的元素和废除的元素 12

2.2.1　新增的结构元素12

2.2.2　新增的其他元素14

2.2.3　新增的input元素的类型18

2.2.4　废除的元素18

2.3　新增的属性和废除的属性 19

2.3.1　新增的属性19

2.3.2　废除的属性21

2.4　全局属性 23

2.4.1　contentEditable属性23

2.4.2　designMode属性24

2.4.3　hidden属性24

2.4.4　spellcheck属性25

2.4.5　tabindex属性25

2.5　新增的事件 25

2.6　只监听一次事件 26

第3章　HTML 5的结构 28

3.1　新增的主体结构元素 28

3.1.1　article元素29

3.1.2　section元素31

3.1.3　nav元素33

3.1.4　aside元素34

3.1.5　time元素与微格式36

3.1.6　pubdate属性37

3.2　新增的非主体结构元素 38

3.2.1　header元素38

3.2.2　footer元素39

3.2.3　address元素40

3.2.4　main元素41

3.3　HTML 5中网页结构 42

3.3.1　HTML 5中的大纲42

3.3.2　大纲的编排规则48

3.3.3　对新的结构元素使用样式51

第4章　表单及其他新增和改良元素 53

4.1　新增元素与属性 53

4.1.1　新增属性53

4.1.2　大幅度地增加与改良input元素的种类65

4.1.3　对新的表单元素使用样式77

4.1.4　output元素的追加77

4.2　表单验证 78

4.2.1　自动验证78

4.2.2　取消验证79

4.2.3　显式验证79

4.3　增强的页面元素 80

4.3.1　新增的figure元素与figcaption元素80

4.3.2　新增的details元素与summary元素82

4.3.3　新增的mark元素83

4.3.4　新增的progress元素86

4.3.5　新增的meter元素87

4.3.6　新增的dialog元素88

4.3.7　改良的a元素90

4.3.8　改良的ol列表91

4.3.9　改良的dl列表92

4.3.10　加以严格限制的cite元素93

4.3.11　重新定义的small元素94

4.3.12　安全性增强的iframe元素94

4.3.13　增强的script元素97

第5章　ECMAScript中的新增功能 102

5.1　新增语法 103

5.1.1　使用for-of循环103

5.1.2　使用let关键字与const关键字声明变量104

5.1.3　使用class关键字声明类109

5.1.4　不确定参数及默认参数值116

5.1.5　箭头函数121

5.1.6　生成器函数126

5.1.7　解构赋值129

5.1.8　模板字符串138

5.1.9　在客户端使用JavaScript模块141

5.2　新增对象及数据类型 145

5.2.1　Promise对象145

5.2.2　全局唯一标识符：symbol 166

5.2.3　代理与反射 170

5.2.4　新增的各种集合对象 176

5.3　对现有对象的扩展 187

第6章　文件API 194

6.1　FileList对象与file对象 195

6.2　ArrayBuffer对象与ArrayBuffer-View对象 196

6.2.1　基本概念196

6.2.2　ArrayBuffer对象196

6.2.3　ArrayBufferView对象196

6.2.4　DataView对象198

6.3　Blob对象 202

6.3.1　Blob对象概述202

6.3.2　创建Blob对象204

6.3.3　Blob对象的slice方法207

6.4　FileReader对象 208

6.4.1　FileReader对象的方法208

6.4.2　FileReader对象的事件209

6.4.3　FileReader对象的使用示例209

第7章　本地存储 217

7.1　Web Storage 218

7.1.1　Web Storage是什么218

7.1.2　简单Web留言本221

7.1.3　作为简易数据库来利用224

7.1.4　利用storage事件实时监视Web Storage中的数据226

7.2　indexedDB数据库 229

7.2.1　本地数据库的基本概念229

7.2.2　indexedDB数据库的基本概念229

7.2.3　连接数据库229

7.2.4　数据库的版本更新231

7.2.5　创建对象仓库233

7.2.6　创建索引236

7.2.7　索引的multiEntry属性值239

7.2.8　使用事务239

7.2.9　保存数据241

7.2.10　在indexedDB数据库中保存Blob对象244

7.2.11　获取数据247

7.2.12　根据主键值检索数据251

7.2.13　根据搜索范围获取数据的主键值257

7.2.14　根据索引属性值检索数据260

7.2.15　获取所有数据266

7.2.16　复合索引272

7.2.17　统计对象仓库中的数据数量276

7.2.18　列举数据库中所有对象仓库的名称278

7.2.19　列举事务中所有可访问对象仓库名称279

7.2.20　删除对象仓库281

7.2.21　根据主键删除单条数据282

7.2.22　列举对象仓库的所有索引名称及删除索引286

7.2.23　使用索引对象的方法289

7.2.24　在指定范围中抽取数据主键298

7.2.25　使用游标对象的方法301

第8章　扩展的XMLHttpRequest API及FetchAPI 307

8.1　从服务器端获取二进制数据 307

8.1.1　ArrayBuffer响应 308

8.1.2　Blob响应 313

8.2　发送数据 314

8.2.1　发送字符串 315

8.2.2　发送表单数据 316

8.2.3　上传文件 319

8.2.4　发送Blob对象 320

8.2.5　发送ArrayBuffer对象 323

8.3　跨域数据请求 327

8.4　使用Fetch API 328

8.4.1　告别XMLHttpRequest 328

8.4.2　使用Fetch API发出请求 329

8.4.3　向服务器端发送POST请求 332

8.4.4　提交JSON 数据 333

8.4.5　发送表单数据 334

8.4.6　上传文件 335

8.4.7　提交及下载Blob对象或ArrayBuffer对象 336

第9章　使用Web Workers处理线程 339

9.1　基础知识 340

9.2　与线程进行数据的交互 343

9.3　线程嵌套 345

9.3.1　单层嵌套 345

9.3.2　在多个子线程中进行数据的交互 348

9.4　线程中可用的变量、函数与类 349

9.5　适用场合 350

9.6　SharedWorker 350

9.6.1　基础知识 350

9.6.2　实现前台页面与后台线程之间的通信 351

9.6.3　定义页面与共享的后台线程开始通信时的处理 351

9.6.4　SharedWorker的使用示例 352

第10章　使用Service Worker实现离线应用程序 358

10.1　Service Worker的基本概念 358

10.2　注册、下载及安装 359

10.3　自定义请求的响应 365

10.4　激活 372

10.5　其他用例 375

第11章　通信API 376

11.1　跨文档消息传输 377

11.1.1　跨文档消息传输的基本知识377

11.1.2　跨文档消息传输示例 377

11.1.3　通道通信 379

11.2　WebSockets通信 384

11.2.1　WebSockets通信的基本知识 384

11.2.2　使用WebSockets API 384

11.2.3　WebSockets API使用示例 385

11.2.4　发送对象 387

11.2.5　发送与接收原始二进制数据388

11.2.6　实现WebSockets API的开发框架 389

11.2.7　WebSocket协议 390

11.2.8　WebSockets API的适用场景 390

11.3　Server-Sent Events API 390

11.3.1　Server-Sent Events API的基本概念 390

11.3.2　Server-Sent Events API的实现方法 391

11.4　BroadcastChannel API 398

11.4.1　BroadcastChannel API的基本概念 398

11.4.2　与其他技术的区别 400

第12章　Web组件 402

12.1　使用template元素定制客户端模板 403

12.1.1　特性检测 403

12.1.2　定义模板内容 403

12.1.3　动态设置模板内容 406

12.1.4　模板中嵌套模板 406

12.2　自身独立的Shadow DOM组件 409

12.2.1　Shadow DOM的基本概念 410

12.2.2　创建Shadow DOM 410

12.2.3　实现内容与展示的分离 412

12.2.4　对Shadow DOM使用样式 423

12.2.5　高级主题 430

12.3　自定义元素 432

12.3.1　自定义元素的基本概念 432

12.3.2　自定义全新的HTML元素 432

12.3.3　扩展元素 436

12.3.4　在JavaScript脚本代码中创建自定义元素 439

12.3.5　自定义元素响应 440

12.3.6　自定义元素的属性 446

12.3.7　指定自定义元素的内容 451

12.3.8　指定自定义元素的样式 454

12.4　HTML导入 456

12.4.1　HTML导入所能解决的课题 456

12.4.2　HTML导入的基本概念 456

12.4.3　打包资源 457

12.4.4　load事件与error事件 457

12.4.5　使用被导入文档 459

12.4.6　传输Web组件 462

12.4.7　管理依赖和子导入 464

12.4.8　性能注意事项 468

......