沒(méi)什么難的HTML5完全自學(xué)手冊(cè)

目 錄
第1章 認(rèn)識(shí)HTML5 1
1．1 HTML5的發(fā)展歷史 1
1．2 HTML5可以做什么 2
1．3 世界知名瀏覽器廠商對(duì)HTML5的支持 3
1．4 如何學(xué)習(xí)HTML5 3
1．4．1 學(xué)習(xí)HTML5的資源推薦 3
1．4．2 編寫HTML5的軟件推薦 4
1．4．3 你的第一個(gè)HTML5實(shí)例 4
1．4．4 對(duì)你的第一個(gè)HTML5實(shí)例解析 5
第2章 HTML5的與眾不同 7
2．1 語(yǔ)法的改變 7
2．1．1 HTML5語(yǔ)法的改變 7
2．1．2 HTML5版本的兼容性 9
2．1．3 標(biāo)記實(shí)例 11
2．2 新增的元素和廢除的元素 12
2．2．1 新增的結(jié)構(gòu)元素 12
2．2．2 新增的其他元素 13
2．2．3 新增的input元素類型 22
2．2．4 廢除的元素 24
2．3 新增的屬性和廢除的屬性 25
2．3．1 新增的屬性 25
2．3．2 廢除的屬性 41
2．4 全局屬性 42
2．5 HTML5新增的事件 50
第3章 HTML5的結(jié)構(gòu) 52
3．1 HTML5新增的主體結(jié)構(gòu)元素 52
3．1．1 article元素 52
3．1．2 aside元素 55
3．1．3 nav元素 58
3．1．4 pubdate元素 60
3．1．5 section元素 61
3．1．6 time元素 63
3．2 HTML5新增的非主體結(jié)構(gòu)元素 64
3．2．1 address元素 64
3．2．2 header元素 65
3．2．3 hgroup元素 67
3．2．4 footer元素 67
3．2．5 main元素 69
3．3 使用HTML5新增的結(jié)構(gòu)元素編排一份網(wǎng)頁(yè)綱要 70
3．3．1 編排內(nèi)容區(qū)塊 70
3．3．2 網(wǎng)頁(yè)編排實(shí)例 75
第4章 HTML5中的表單與文件API 83
4．1 HTML5表單新增屬性與input元素類型的變化 83
4．1．1 表單新增屬性 84
4．1．2 input元素類型的變化 101
4．2 HTML5中的表單驗(yàn)證 110
4．2．1 自動(dòng)驗(yàn)證 111
4．2．2 輸入域驗(yàn)證 111
4．2．3 取消驗(yàn)證 118
4．2．4 自定義錯(cuò)誤提示信息 118
4．3 HTML5表單新增的頁(yè)面元素 120
4．3．1 新增的figure和figcaption元素 120
4．3．2 新增的details元素 121
4．3．3 新增的mark元素 123
4．3．4 新增的progress元素 124
4．3．5 新增的meter元素 125
4．3．6 新增的dialog元素 126
4．3．7 改良的ol與dl列表 127
4．3．8 改良的a元素 130
4．3．9 加以限制的cite元素 132
4．3．10 重新定義的small元素 133
4．3．11 安全性增強(qiáng)的iframe元素 133
4．3．12 增強(qiáng)的script元素 139
4．4 HTML5中的文件API 144
4．4．1 通過(guò)file對(duì)象選擇文件 145
4．4．2 文件的Blob對(duì)象 146
4．4．3 文件的FileReader接口 153
4．4．4 文件的ArrayBuffer與ArrayBufferView對(duì)象 160
4．4．5 文件系統(tǒng)API的各種操作 167
4．5 HTML5中的拖放API 200
4．5．1 實(shí)現(xiàn)拖放的步驟 200
4．5．2 dataTransfer對(duì)象應(yīng)用詳解 201
第5章 HTML5中的canvas繪制圖形 207
5．1 canvas概述 207
5．1．1 canvas是什么 207
5．1．2 canvas坐標(biāo) 208
5．1．3 在頁(yè)面中放置canvas元素 208
5．2 canvas應(yīng)用 209
5．2．1 canvas畫直線 209
5．2．2 canvas畫矩形 217
5．2．3 canvas畫圓 218
5．2．4 canvas畫圓角矩形 223
5．2．5 擦除canvas畫布 224
5．2．6 canvas畫曲線 225
5．2．7 使用clip()函數(shù)在指定區(qū)域繪圖 228
5．2．8 繪制自定義圖形 229
5．2．9 canvas使用Path2D對(duì)象繪制路徑 230
5．2．10 canvas繪制文字 232
5．2．11 canvas繪制漸變圖形 236
5．2．12 canvas繪制變形圖形 239
5．2．13 canvas 給圖形繪制陰影 249
5．3 canvas處理圖像 251
5．3．1 canvas繪制圖像 252
5．3．2 圖像平鋪 256
5．3．3 圖像裁剪 258
5．3．4 像素處理 260
5．3．5 灰度控制 264
5．4 canvas高級(jí)功能 265
5．4．1 圖形組合 265
5．4．2 圖像混合 267
5．4．3 自定義畫板 270
5．5 補(bǔ)充知識(shí) 272
5．5．1 保存與恢復(fù)狀態(tài) 272
5．5．2 canvas畫布的文件保存功能 273
5．5．3 canvas的簡(jiǎn)單應(yīng)用實(shí)例 274
第6章 HTML5中的音頻與視頻 280
6．1 HTML5 audio與video概述 280
6．1．1 視頻容器 281
6．1．2 音頻和視頻的編碼器與解碼器 281
6．1．3 HTML5對(duì)audio和video的限制 282
6．1．4 當(dāng)今瀏覽器對(duì)audio和video元素的支持情況 282
6．2 使用HTML5 audio和video API 283
6．2．1 瀏覽器支持性檢測(cè) 283
6．2．2 HTML5頁(yè)面中播放視頻和音頻的方法 284
6．2．3 多媒體的屬性 286
6．2．4 多媒體的方法 306
6．2．5 多媒體的事件 308
6．2．6 進(jìn)階功能――給音頻或視頻添加字幕 311
6．2．7 構(gòu)建HTML5音頻與視頻的開(kāi)發(fā)實(shí)例 317
第7章 HTML5本地存儲(chǔ) 329
7．1 HTML5 Web Storage 329
7．1．1 Web Storage概述 329
7．1．2 檢測(cè)瀏覽器的支持情況 330
7．1．3 Web Storage中的API簡(jiǎn)介 331
7．1．4 采用Web Storage來(lái)存儲(chǔ)JSON對(duì)象的數(shù)據(jù) 332
7．1．5 采用Web Storage實(shí)現(xiàn)留言本 335
7．2 本地?cái)?shù)據(jù)庫(kù) 336
7．2．1 本地?cái)?shù)據(jù)庫(kù)的基本概念 336
7．2．2 使用本地?cái)?shù)據(jù)庫(kù)API 337
7．2．3 使用本地?cái)?shù)據(jù)庫(kù)SQLLite實(shí)現(xiàn)Web留言本 339
7．3 indexedDB數(shù)據(jù)庫(kù)的使用 341
7．3．1 連接數(shù)據(jù)庫(kù) 341
7．3．2 創(chuàng)建對(duì)象倉(cāng)庫(kù)與索引 344
7．3．3 indexedDB實(shí)現(xiàn)保存與獲取數(shù)據(jù) 349
7．3．4 indexedDB數(shù)據(jù)庫(kù)中的事務(wù) 352
7．3．5 查詢數(shù)據(jù) 354
7．3．6 統(tǒng)計(jì)對(duì)象倉(cāng)庫(kù)中的數(shù)據(jù)條數(shù) 360
第8章 HTML5構(gòu)建離線Web應(yīng)用程序 362
8．1 離線Web應(yīng)用程序 362
8．1．1 離線Web應(yīng)用程序概述 362
8．1．2 Web應(yīng)用程序的本地緩存與瀏覽器的網(wǎng)頁(yè)緩存的區(qū)別 363
8．2 搭建簡(jiǎn)單的離線Web應(yīng)用程序 364
8．2．1 緩存文件（．manifest） 364
8．2．2 服務(wù)器的配置 365
8．3 瀏覽器與服務(wù)器的交互過(guò)程 368
8．4 applicationCache對(duì)象 369
8．4．1 update()方法 369
8．4．2 abort()方法 371
8．4．3 swapCache()方法 371
8．4．4 applicationCache對(duì)象的事件 372
第9章 HTML5地理位置（Geolocation）API 376
9．1 Geolocation API的基本知識(shí) 376
9．1．1 經(jīng)度和緯度坐標(biāo) 377
9．1．2 IP地址地理定位 378
9．1．3 GPS地理定位 379
9．1．4 Wi-Fi地理定位 379
9．1．5 手機(jī)地理定位 380
9．1．6 用戶自定義的地理定位數(shù)據(jù) 380
9．1．7 取得當(dāng)前地理位置 380
9．1．8 監(jiān)視當(dāng)前地理位置信息 384
9．1．9 停止獲取當(dāng)前用戶的地理位置信息 385
9．1．10 position對(duì)象 385
9．2 隱私 387
9．2．1 觸發(fā)隱私保護(hù)機(jī)制 387
9．2．2 處理用戶地理位置信息 387
9．3 HTML5 Geolocation API的應(yīng)用 388
9．3．1 使用HTML5 Geolocation 構(gòu)建實(shí)時(shí)應(yīng)用 388
9．3．2 Google Maps API 392
9．3．3 在Google地圖上顯示“我在這里” 394
9．3．4 HTML5 Geolocation API在百度地圖中的應(yīng)用 395
第10章 HTML5通信（Communication）API 398
10．1 跨文檔消息傳輸 398
10．1．1 使用postMessage API 398
10．1．2 跨文檔消息傳輸實(shí)例 399
10．2 WebSocket通信 402
10．2．1 WebSocket通信的基本知識(shí) 402
10．2．2 使用WebSocket API 402
10．2．3 發(fā)送對(duì)象 406
第11章 XMLHttpRequest API的應(yīng)用 408
11．1 利用XMLHttpRequest從服務(wù)器端獲取二進(jìn)制數(shù)據(jù) 408
11．1．1 ArrayBuffer響應(yīng)數(shù)據(jù) 409
11．1．2 Blob響應(yīng)數(shù)據(jù) 412
11．2 使用XMLHttpRequest發(fā)送數(shù)據(jù) 413
11．2．1 發(fā)送字符串?dāng)?shù)據(jù) 413
11．2．2 發(fā)送表單數(shù)據(jù) 415
11．2．3 發(fā)送Blob對(duì)象 416
11．2．4 發(fā)送ArrayBuffer對(duì)象 418
11．2．5 上傳文件 420
11．3 實(shí)現(xiàn)跨域請(qǐng)求數(shù)據(jù) 422
第12章 HTML5 Web Workers API 424
12．1 HTML5 Web Workers詳述 424
12．1．1 Web Workers的基礎(chǔ)知識(shí) 424
12．1．2 與線程進(jìn)行數(shù)據(jù)交互 427
12．1．3 使用HTML5 Web Workers API 429
12．2 HTML5 Web Workers中的線程 432
12．2．1 線程中的函數(shù)、變量和類 432
12．2．2 單層嵌套 434
12．2．3 在多個(gè)子線程中進(jìn)行數(shù)據(jù)交互 436