HTML 5與CSS 3權(quán)威指南（第4版 上冊(cè)）

前言

上冊(cè)

第1章　Web時(shí)代的變遷 1

1.1　迎接新的Web時(shí)代 1

1.1.1　HTML 5時(shí)代即將來(lái)臨1

1.1.2　HTML 5的目標(biāo)3

1.1.3　HTML5的小版本更新4

1.2　HTML 5深受歡迎的理由 4

1.2.1　世界知名瀏覽器廠商對(duì)HTML 5的支持4

1.2.2　第一個(gè)理由：時(shí)代的要求5

1.2.3　第二個(gè)理由：Internet Explorer 85

1.3　可以放心使用HTML 5的三個(gè)理由 6

1.4　HTML 5要解決的三個(gè)問(wèn)題 7

第2章　HTML 5與HTML 4的區(qū)別8

2.1　語(yǔ)法的改變 8

2.1.1　HTML 5的語(yǔ)法變化8

2.1.2　HTML 5中的標(biāo)記方法9

2.1.3　HTML 5確保的兼容性10

2.1.4　標(biāo)記示例11

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

2.2.1　新增的結(jié)構(gòu)元素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　只監(jiān)聽(tīng)一次事件 26

第3章　HTML 5的結(jié)構(gòu) 28

3.1　新增的主體結(jié)構(gòu)元素 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　新增的非主體結(jié)構(gòu)元素 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中網(wǎng)頁(yè)結(jié)構(gòu) 42

3.3.1　HTML 5中的大綱42

3.3.2　大綱的編排規(guī)則48

3.3.3　對(duì)新的結(jié)構(gòu)元素使用樣式51

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

4.1　新增元素與屬性 53

4.1.1　新增屬性53

4.1.2　大幅度地增加與改良input元素的種類65

4.1.3　對(duì)新的表單元素使用樣式77

4.1.4　output元素的追加77

4.2　表單驗(yàn)證 78

4.2.1　自動(dòng)驗(yàn)證78

4.2.2　取消驗(yàn)證79

4.2.3　顯式驗(yàn)證79

4.3　增強(qiáng)的頁(yè)面元素 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　加以嚴(yán)格限制的cite元素93

4.3.11　重新定義的small元素94

4.3.12　安全性增強(qiáng)的iframe元素94

4.3.13　增強(qiáng)的script元素97

第5章　ECMAScript中的新增功能 102

5.1　新增語(yǔ)法 103

5.1.1　使用for-of循環(huán)103

5.1.2　使用let關(guān)鍵字與const關(guān)鍵字聲明變量104

5.1.3　使用class關(guān)鍵字聲明類109

5.1.4　不確定參數(shù)及默認(rèn)參數(shù)值116

5.1.5　箭頭函數(shù)121

5.1.6　生成器函數(shù)126

5.1.7　解構(gòu)賦值129

5.1.8　模板字符串138

5.1.9　在客戶端使用JavaScript模塊141

5.2　新增對(duì)象及數(shù)據(jù)類型 145

5.2.1　Promise對(duì)象145

5.2.2　全局唯一標(biāo)識(shí)符：symbol 166

5.2.3　代理與反射 170

5.2.4　新增的各種集合對(duì)象 176

5.3　對(duì)現(xiàn)有對(duì)象的擴(kuò)展 187

第6章　文件API 194

6.1　FileList對(duì)象與file對(duì)象 195

6.2　ArrayBuffer對(duì)象與ArrayBuffer-View對(duì)象 196

6.2.1　基本概念196

6.2.2　ArrayBuffer對(duì)象196

6.2.3　ArrayBufferView對(duì)象196

6.2.4　DataView對(duì)象198

6.3　Blob對(duì)象 202

6.3.1　Blob對(duì)象概述202

6.3.2　創(chuàng)建Blob對(duì)象204

6.3.3　Blob對(duì)象的slice方法207

6.4　FileReader對(duì)象 208

6.4.1　FileReader對(duì)象的方法208

6.4.2　FileReader對(duì)象的事件209

6.4.3　FileReader對(duì)象的使用示例209

第7章　本地存儲(chǔ) 217

7.1　Web Storage 218

7.1.1　Web Storage是什么218

7.1.2　簡(jiǎn)單Web留言本221

7.1.3　作為簡(jiǎn)易數(shù)據(jù)庫(kù)來(lái)利用224

7.1.4　利用storage事件實(shí)時(shí)監(jiān)視Web Storage中的數(shù)據(jù)226

7.2　indexedDB數(shù)據(jù)庫(kù) 229

7.2.1　本地?cái)?shù)據(jù)庫(kù)的基本概念229

7.2.2　indexedDB數(shù)據(jù)庫(kù)的基本概念229

7.2.3　連接數(shù)據(jù)庫(kù)229

7.2.4　數(shù)據(jù)庫(kù)的版本更新231

7.2.5　創(chuàng)建對(duì)象倉(cāng)庫(kù)233

7.2.6　創(chuàng)建索引236

7.2.7　索引的multiEntry屬性值239

7.2.8　使用事務(wù)239

7.2.9　保存數(shù)據(jù)241

7.2.10　在indexedDB數(shù)據(jù)庫(kù)中保存Blob對(duì)象244

7.2.11　獲取數(shù)據(jù)247

7.2.12　根據(jù)主鍵值檢索數(shù)據(jù)251

7.2.13　根據(jù)搜索范圍獲取數(shù)據(jù)的主鍵值257

7.2.14　根據(jù)索引屬性值檢索數(shù)據(jù)260

7.2.15　獲取所有數(shù)據(jù)266

7.2.16　復(fù)合索引272

7.2.17　統(tǒng)計(jì)對(duì)象倉(cāng)庫(kù)中的數(shù)據(jù)數(shù)量276

7.2.18　列舉數(shù)據(jù)庫(kù)中所有對(duì)象倉(cāng)庫(kù)的名稱278

7.2.19　列舉事務(wù)中所有可訪問(wèn)對(duì)象倉(cāng)庫(kù)名稱279

7.2.20　刪除對(duì)象倉(cāng)庫(kù)281

7.2.21　根據(jù)主鍵刪除單條數(shù)據(jù)282

7.2.22　列舉對(duì)象倉(cāng)庫(kù)的所有索引名稱及刪除索引286

7.2.23　使用索引對(duì)象的方法289

7.2.24　在指定范圍中抽取數(shù)據(jù)主鍵298

7.2.25　使用游標(biāo)對(duì)象的方法301

第8章　擴(kuò)展的XMLHttpRequest API及FetchAPI 307

8.1　從服務(wù)器端獲取二進(jìn)制數(shù)據(jù) 307

8.1.1　ArrayBuffer響應(yīng) 308

8.1.2　Blob響應(yīng) 313

8.2　發(fā)送數(shù)據(jù) 314

8.2.1　發(fā)送字符串 315

8.2.2　發(fā)送表單數(shù)據(jù) 316

8.2.3　上傳文件 319

8.2.4　發(fā)送Blob對(duì)象 320

8.2.5　發(fā)送ArrayBuffer對(duì)象 323

8.3　跨域數(shù)據(jù)請(qǐng)求 327

8.4　使用Fetch API 328

8.4.1　告別XMLHttpRequest 328

8.4.2　使用Fetch API發(fā)出請(qǐng)求 329

8.4.3　向服務(wù)器端發(fā)送POST請(qǐng)求 332

8.4.4　提交JSON 數(shù)據(jù) 333

8.4.5　發(fā)送表單數(shù)據(jù) 334

8.4.6　上傳文件 335

8.4.7　提交及下載Blob對(duì)象或ArrayBuffer對(duì)象 336

第9章　使用Web Workers處理線程 339

9.1　基礎(chǔ)知識(shí) 340

9.2　與線程進(jìn)行數(shù)據(jù)的交互 343

9.3　線程嵌套 345

9.3.1　單層嵌套 345

9.3.2　在多個(gè)子線程中進(jìn)行數(shù)據(jù)的交互 348

9.4　線程中可用的變量、函數(shù)與類 349

9.5　適用場(chǎng)合 350

9.6　SharedWorker 350

9.6.1　基礎(chǔ)知識(shí) 350

9.6.2　實(shí)現(xiàn)前臺(tái)頁(yè)面與后臺(tái)線程之間的通信 351

9.6.3　定義頁(yè)面與共享的后臺(tái)線程開(kāi)始通信時(shí)的處理 351

9.6.4　SharedWorker的使用示例 352

第10章　使用Service Worker實(shí)現(xiàn)離線應(yīng)用程序 358

10.1　Service Worker的基本概念 358

10.2　注冊(cè)、下載及安裝 359

10.3　自定義請(qǐng)求的響應(yīng) 365

10.4　激活 372

10.5　其他用例 375

第11章　通信API 376

11.1　跨文檔消息傳輸 377

11.1.1　跨文檔消息傳輸?shù)幕局R(shí)377

11.1.2　跨文檔消息傳輸示例 377

11.1.3　通道通信 379

11.2　WebSockets通信 384

11.2.1　WebSockets通信的基本知識(shí) 384

11.2.2　使用WebSockets API 384

11.2.3　WebSockets API使用示例 385

11.2.4　發(fā)送對(duì)象 387

11.2.5　發(fā)送與接收原始二進(jìn)制數(shù)據(jù)388

11.2.6　實(shí)現(xiàn)WebSockets API的開(kāi)發(fā)框架 389

11.2.7　WebSocket協(xié)議 390

11.2.8　WebSockets API的適用場(chǎng)景 390

11.3　Server-Sent Events API 390

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

11.3.2　Server-Sent Events API的實(shí)現(xiàn)方法 391

11.4　BroadcastChannel API 398

11.4.1　BroadcastChannel API的基本概念 398

11.4.2　與其他技術(shù)的區(qū)別 400

第12章　Web組件 402

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

12.1.1　特性檢測(cè) 403

12.1.2　定義模板內(nèi)容 403

12.1.3　動(dòng)態(tài)設(shè)置模板內(nèi)容 406

12.1.4　模板中嵌套模板 406

12.2　自身獨(dú)立的Shadow DOM組件 409

12.2.1　Shadow DOM的基本概念 410

12.2.2　創(chuàng)建Shadow DOM 410

12.2.3　實(shí)現(xiàn)內(nèi)容與展示的分離 412

12.2.4　對(duì)Shadow DOM使用樣式 423

12.2.5　高級(jí)主題 430

12.3　自定義元素 432

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

12.3.2　自定義全新的HTML元素 432

12.3.3　擴(kuò)展元素 436

12.3.4　在JavaScript腳本代碼中創(chuàng)建自定義元素 439

12.3.5　自定義元素響應(yīng) 440

12.3.6　自定義元素的屬性 446

12.3.7　指定自定義元素的內(nèi)容 451

12.3.8　指定自定義元素的樣式 454

12.4　HTML導(dǎo)入 456

12.4.1　HTML導(dǎo)入所能解決的課題 456

12.4.2　HTML導(dǎo)入的基本概念 456

12.4.3　打包資源 457

12.4.4　load事件與error事件 457

12.4.5　使用被導(dǎo)入文檔 459

12.4.6　傳輸Web組件 462

12.4.7　管理依賴和子導(dǎo)入 464

12.4.8　性能注意事項(xiàng) 468

......