編輯推薦:

內(nèi)容簡(jiǎn)介:

本書(shū)作為HTML5網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言的教程，系統(tǒng)地介紹了HTML5的相關(guān)知識(shí)點(diǎn)。全書(shū)共12章，從HTML5的基礎(chǔ)知識(shí)及其元素的用法開(kāi)始，后面依次講解了HTML5的表單與文件API、Canvas繪制圖形、音頻與視頻、本地存儲(chǔ)、離線Web應(yīng)用、地理位置API、通信API、XMLHttpRequest API、Web Workers API等內(nèi)容。本書(shū)內(nèi)容全面、結(jié)構(gòu)清晰，有助于讀者理解相關(guān)知識(shí)點(diǎn)。全書(shū)的每個(gè)知識(shí)點(diǎn)都結(jié)合相應(yīng)的代碼實(shí)例，并展示對(duì)應(yīng)的實(shí)例效果圖，有助于提高讀者的編程能力。讀者在實(shí)際開(kāi)發(fā)過(guò)程中可以應(yīng)用自如，達(dá)到學(xué)以致用的目的。本書(shū)適合網(wǎng)頁(yè)編程愛(ài)好者及從事Web網(wǎng)頁(yè)開(kāi)發(fā)的相關(guān)讀者閱讀。

作者簡(jiǎn)介:劉河飛，曾在多家企業(yè)工作，從事JavaWeb開(kāi)發(fā)工作，擁有多年Web開(kāi)發(fā)經(jīng)驗(yàn)，熱愛(ài)并長(zhǎng)期專(zhuān)注于Web前端學(xué)習(xí)，現(xiàn)從事Web前端工作，以及HTML5應(yīng)用的實(shí)踐。擅長(zhǎng)HTML、CSS、Java等開(kāi)發(fā)技術(shù),并能應(yīng)用這些技術(shù)結(jié)合數(shù)據(jù)庫(kù)開(kāi)發(fā)過(guò)大型應(yīng)用網(wǎng)站。了解W3C標(biāo)準(zhǔn)，掌握DIV+CSS頁(yè)面架構(gòu)和布局方式，能夠熟練應(yīng)用HTML/CSS/JavaScript技術(shù)，開(kāi)發(fā)符合W3C標(biāo)準(zhǔn)的大型網(wǎng)站前端頁(yè)面。

目錄:目 錄

第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 編寫(xiě)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元素類(lèi)型 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元素類(lèi)型的變化 83
4．1．1 表單新增屬性 84
4．1．2 input元素類(lèi)型的變化 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畫(huà)直線 209
5．2．2 canvas畫(huà)矩形 217
5．2．3 canvas畫(huà)圓 218
5．2．4 canvas畫(huà)圓角矩形 223
5．2．5 擦除canvas畫(huà)布 224
5．2．6 canvas畫(huà)曲線 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 自定義畫(huà)板 270
5．5 補(bǔ)充知識(shí) 272
5．5．1 保存與恢復(fù)狀態(tài) 272
5．5．2 canvas畫(huà)布的文件保存功能 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 查詢(xún)數(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 用戶(hù)自定義的地理定位數(shù)據(jù) 380
9．1．7 取得當(dāng)前地理位置 380
9．1．8 監(jiān)視當(dāng)前地理位置信息 384
9．1．9 停止獲取當(dāng)前用戶(hù)的地理位置信息 385
9．1．10 position對(duì)象 385
9．2 隱私 387
9．2．1 觸發(fā)隱私保護(hù)機(jī)制 387
9．2．2 處理用戶(hù)地理位置信息 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ù)、變量和類(lèi) 432
12．2．2 單層嵌套 434
12．2．3 在多個(gè)子線程中進(jìn)行數(shù)據(jù)交互 436