HTML 5與CSS 3權(quán)威指南（第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的區(qū)別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　新增的結(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)聽一次事件 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)頁結(jié)構(gòu) 42

3.3.1　HTML 5中的大綱42

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

3.3.3　對新的結(jié)構(gòu)元素使用樣式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循環(huán)103

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

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

5.1.4　不確定參數(shù)及默認參數(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　新增對象及數(shù)據(jù)類型 145

5.2.1　Promise對象145

5.2.2　全局唯一標識符：symbol 166

5.2.3　代理與反射 170

5.2.4　新增的各種集合對象 176

5.3　對現(xiàn)有對象的擴展 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　創(chuàng)建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　作為簡易數(shù)據(jù)庫來利用224

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

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

7.2.1　本地數(shù)據(jù)庫的基本概念229

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

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

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

7.2.5　創(chuàng)建對象倉庫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ù)庫中保存Blob對象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　復合索引272

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

7.2.18　列舉數(shù)據(jù)庫中所有對象倉庫的名稱278

7.2.19　列舉事務(wù)中所有可訪問對象倉庫名稱279

7.2.20　刪除對象倉庫281

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

7.2.22　列舉對象倉庫的所有索引名稱及刪除索引286

7.2.23　使用索引對象的方法289

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

7.2.25　使用游標對象的方法301

第8章　擴展的XMLHttpRequest API及FetchAPI 307

8.1　從服務(wù)器端獲取二進制數(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對象 320

8.2.5　發(fā)送ArrayBuffer對象 323

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

8.4　使用Fetch API 328

8.4.1　告別XMLHttpRequest 328

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

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

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

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

8.4.6　上傳文件 335

8.4.7　提交及下載Blob對象或ArrayBuffer對象 336

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

9.1　基礎(chǔ)知識 340

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

9.3　線程嵌套 345

9.3.1　單層嵌套 345

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

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

9.5　適用場合 350

9.6　SharedWorker 350

9.6.1　基礎(chǔ)知識 350

9.6.2　實現(xiàn)前臺頁面與后臺線程之間的通信 351

9.6.3　定義頁面與共享的后臺線程開始通信時的處理 351

9.6.4　SharedWorker的使用示例 352

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

10.1　Service Worker的基本概念 358

10.2　注冊、下載及安裝 359

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

10.4　激活 372

10.5　其他用例 375

第11章　通信API 376

11.1　跨文檔消息傳輸 377

11.1.1　跨文檔消息傳輸?shù)幕局R377

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　發(fā)送對象 387

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

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

11.2.7　WebSocket協(xié)議 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的實現(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　特性檢測 403

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

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

12.1.4　模板中嵌套模板 406

12.2　自身獨立的Shadow DOM組件 409

12.2.1　Shadow DOM的基本概念 410

12.2.2　創(chuàng)建Shadow DOM 410

12.2.3　實現(xiàn)內(nèi)容與展示的分離 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腳本代碼中創(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導入 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

......