編輯推薦:

內(nèi)容簡介:

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

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

目錄:目 錄

第1章 認識HTML5 1
1．1 HTML5的發(fā)展歷史 1
1．2 HTML5可以做什么 2
1．3 世界知名瀏覽器廠商對HTML5的支持 3
1．4 如何學習HTML5 3
1．4．1 學習HTML5的資源推薦 3
1．4．2 編寫HTML5的軟件推薦 4
1．4．3 你的第一個HTML5實例 4
1．4．4 對你的第一個HTML5實例解析 5
第2章 HTML5的與眾不同 7
2．1 語法的改變 7
2．1．1 HTML5語法的改變 7
2．1．2 HTML5版本的兼容性 9
2．1．3 標記實例 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)頁綱要 70
3．3．1 編排內(nèi)容區(qū)塊 70
3．3．2 網(wǎng)頁編排實例 75
第4章 HTML5中的表單與文件API 83
4．1 HTML5表單新增屬性與input元素類型的變化 83
4．1．1 表單新增屬性 84
4．1．2 input元素類型的變化 101
4．2 HTML5中的表單驗證 110
4．2．1 自動驗證 111
4．2．2 輸入域驗證 111
4．2．3 取消驗證 118
4．2．4 自定義錯誤提示信息 118
4．3 HTML5表單新增的頁面元素 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 安全性增強的iframe元素 133
4．3．12 增強的script元素 139
4．4 HTML5中的文件API 144
4．4．1 通過file對象選擇文件 145
4．4．2 文件的Blob對象 146
4．4．3 文件的FileReader接口 153
4．4．4 文件的ArrayBuffer與ArrayBufferView對象 160
4．4．5 文件系統(tǒng)API的各種操作 167
4．5 HTML5中的拖放API 200
4．5．1 實現(xiàn)拖放的步驟 200
4．5．2 dataTransfer對象應用詳解 201
第5章 HTML5中的canvas繪制圖形 207
5．1 canvas概述 207
5．1．1 canvas是什么 207
5．1．2 canvas坐標 208
5．1．3 在頁面中放置canvas元素 208
5．2 canvas應用 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對象繪制路徑 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高級功能 265
5．4．1 圖形組合 265
5．4．2 圖像混合 267
5．4．3 自定義畫板 270
5．5 補充知識 272
5．5．1 保存與恢復狀態(tài) 272
5．5．2 canvas畫布的文件保存功能 273
5．5．3 canvas的簡單應用實例 274
第6章 HTML5中的音頻與視頻 280
6．1 HTML5 audio與video概述 280
6．1．1 視頻容器 281
6．1．2 音頻和視頻的編碼器與解碼器 281
6．1．3 HTML5對audio和video的限制 282
6．1．4 當今瀏覽器對audio和video元素的支持情況 282
6．2 使用HTML5 audio和video API 283
6．2．1 瀏覽器支持性檢測 283
6．2．2 HTML5頁面中播放視頻和音頻的方法 284
6．2．3 多媒體的屬性 286
6．2．4 多媒體的方法 306
6．2．5 多媒體的事件 308
6．2．6 進階功能――給音頻或視頻添加字幕 311
6．2．7 構(gòu)建HTML5音頻與視頻的開發(fā)實例 317
第7章 HTML5本地存儲 329
7．1 HTML5 Web Storage 329
7．1．1 Web Storage概述 329
7．1．2 檢測瀏覽器的支持情況 330
7．1．3 Web Storage中的API簡介 331
7．1．4 采用Web Storage來存儲JSON對象的數(shù)據(jù) 332
7．1．5 采用Web Storage實現(xiàn)留言本 335
7．2 本地數(shù)據(jù)庫 336
7．2．1 本地數(shù)據(jù)庫的基本概念 336
7．2．2 使用本地數(shù)據(jù)庫API 337
7．2．3 使用本地數(shù)據(jù)庫SQLLite實現(xiàn)Web留言本 339
7．3 indexedDB數(shù)據(jù)庫的使用 341
7．3．1 連接數(shù)據(jù)庫 341
7．3．2 創(chuàng)建對象倉庫與索引 344
7．3．3 indexedDB實現(xiàn)保存與獲取數(shù)據(jù) 349
7．3．4 indexedDB數(shù)據(jù)庫中的事務 352
7．3．5 查詢數(shù)據(jù) 354
7．3．6 統(tǒng)計對象倉庫中的數(shù)據(jù)條數(shù) 360
第8章 HTML5構(gòu)建離線Web應用程序 362
8．1 離線Web應用程序 362
8．1．1 離線Web應用程序概述 362
8．1．2 Web應用程序的本地緩存與瀏覽器的網(wǎng)頁緩存的區(qū)別 363
8．2 搭建簡單的離線Web應用程序 364
8．2．1 緩存文件（．manifest） 364
8．2．2 服務器的配置 365
8．3 瀏覽器與服務器的交互過程 368

8．4 applicationCache對象 369
8．4．1 update()方法 369
8．4．2 abort()方法 371
8．4．3 swapCache()方法 371
8．4．4 applicationCache對象的事件 372
第9章 HTML5地理位置（Geolocation）API 376
9．1 Geolocation API的基本知識 376
9．1．1 經(jīng)度和緯度坐標 377
9．1．2 IP地址地理定位 378
9．1．3 GPS地理定位 379
9．1．4 Wi-Fi地理定位 379
9．1．5 手機地理定位 380
9．1．6 用戶自定義的地理定位數(shù)據(jù) 380
9．1．7 取得當前地理位置 380
9．1．8 監(jiān)視當前地理位置信息 384
9．1．9 停止獲取當前用戶的地理位置信息 385
9．1．10 position對象 385
9．2 隱私 387
9．2．1 觸發(fā)隱私保護機制 387
9．2．2 處理用戶地理位置信息 387
9．3 HTML5 Geolocation API的應用 388
9．3．1 使用HTML5 Geolocation 構(gòu)建實時應用 388
9．3．2 Google Maps API 392
9．3．3 在Google地圖上顯示“我在這里” 394
9．3．4 HTML5 Geolocation API在百度地圖中的應用 395
第10章 HTML5通信（Communication）API 398
10．1 跨文檔消息傳輸 398
10．1．1 使用postMessage API 398
10．1．2 跨文檔消息傳輸實例 399
10．2 WebSocket通信 402
10．2．1 WebSocket通信的基本知識 402
10．2．2 使用WebSocket API 402
10．2．3 發(fā)送對象 406
第11章 XMLHttpRequest API的應用 408
11．1 利用XMLHttpRequest從服務器端獲取二進制數(shù)據(jù) 408
11．1．1 ArrayBuffer響應數(shù)據(jù) 409
11．1．2 Blob響應數(shù)據(jù) 412
11．2 使用XMLHttpRequest發(fā)送數(shù)據(jù) 413
11．2．1 發(fā)送字符串數(shù)據(jù) 413
11．2．2 發(fā)送表單數(shù)據(jù) 415
11．2．3 發(fā)送Blob對象 416
11．2．4 發(fā)送ArrayBuffer對象 418
11．2．5 上傳文件 420
11．3 實現(xiàn)跨域請求數(shù)據(jù) 422
第12章 HTML5 Web Workers API 424
12．1 HTML5 Web Workers詳述 424
12．1．1 Web Workers的基礎(chǔ)知識 424
12．1．2 與線程進行數(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 在多個子線程中進行數(shù)據(jù)交互 436