內容簡介
《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 引入語義Web 6
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.js 9
2.5 獲取示例代碼 10
2.6 小結 10
第3章 初探HTML 11
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章 初探CSS 33
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改進CSS 59
4.7.4 使用CSS框架 59
4.8 小結 59
第5章 初探JavaScript 60
5.1 準備使用JavaScript 61
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或null 85
5.8.2 區分null和undefined 85
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 使用相對URL 129
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 使用article 194
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 確保輸入值是電子信箱地址或URL 303
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章 理解CSS 326
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章 理解DOM 520
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 讀取和寫入cookie 541
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 主流中的異類:應對Opera 675
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