沒(méi)什么難的HTML5完全自學(xué)手冊簡(jiǎn)介，目錄書(shū)摘

編輯推薦:

內容簡(jiǎn)介:

本書(shū)作為HTML5網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言的教程，系統地介紹了HTML5的相關(guān)知識點(diǎn)。全書(shū)共12章，從HTML5的基礎知識及其元素的用法開(kāi)始，后面依次講解了HTML5的表單與文件API、Canvas繪制圖形、音頻與視頻、本地存儲、離線(xiàn)Web應用、地理位置API、通信API、XMLHttpRequest API、Web Workers API等內容。本書(shū)內容全面、結構清晰，有助于讀者理解相關(guān)知識點(diǎn)。全書(shū)的每個(gè)知識點(diǎn)都結合相應的代碼實(shí)例，并展示對應的實(shí)例效果圖，有助于提高讀者的編程能力。讀者在實(shí)際開(kāi)發(fā)過(guò)程中可以應用自如，達到學(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)驗，熱愛(ài)并長(cháng)期專(zhuān)注于Web前端學(xué)習，現從事Web前端工作，以及HTML5應用的實(shí)踐。擅長(cháng)HTML、CSS、Java等開(kāi)發(fā)技術(shù),并能應用這些技術(shù)結合數據庫開(kāi)發(fā)過(guò)大型應用網(wǎng)站。了解W3C標準，掌握DIV+CSS頁(yè)面架構和布局方式，能夠熟練應用HTML/CSS/JavaScript技術(shù)，開(kāi)發(fā)符合W3C標準的大型網(wǎng)站前端頁(yè)面。

目錄:目 錄

第1章 認識HTML5 1
1．1 HTML5的發(fā)展歷史 1
1．2 HTML5可以做什么 2
1．3 世界知名瀏覽器廠(chǎng)商對HTML5的支持 3
1．4 如何學(xué)習HTML5 3
1．4．1 學(xué)習HTML5的資源推薦 3
1．4．2 編寫(xiě)HTML5的軟件推薦 4
1．4．3 你的第一個(gè)HTML5實(shí)例 4
1．4．4 對你的第一個(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 標記實(shí)例 11
2．2 新增的元素和廢除的元素 12
2．2．1 新增的結構元素 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的結構 52
3．1 HTML5新增的主體結構元素 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新增的非主體結構元素 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新增的結構元素編排一份網(wǎng)頁(yè)綱要 70
3．3．1 編排內容區塊 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中的表單驗證 110
4．2．1 自動(dòng)驗證 111
4．2．2 輸入域驗證 111
4．2．3 取消驗證 118
4．2．4 自定義錯誤提示信息 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 安全性增強的iframe元素 133
4．3．12 增強的script元素 139
4．4 HTML5中的文件API 144
4．4．1 通過(guò)file對象選擇文件 145
4．4．2 文件的Blob對象 146
4．4．3 文件的FileReader接口 153
4．4．4 文件的ArrayBuffer與ArrayBufferView對象 160
4．4．5 文件系統API的各種操作 167
4．5 HTML5中的拖放API 200
4．5．1 實(shí)現拖放的步驟 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 在頁(yè)面中放置canvas元素 208
5．2 canvas應用 209
5．2．1 canvas畫(huà)直線(xiàn) 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à)曲線(xiàn) 225
5．2．7 使用clip()函數在指定區域繪圖 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 自定義畫(huà)板 270
5．5 補充知識 272
5．5．1 保存與恢復狀態(tài) 272
5．5．2 canvas畫(huà)布的文件保存功能 273
5．5．3 canvas的簡(jiǎn)單應用實(shí)例 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頁(yè)面中播放視頻和音頻的方法 284
6．2．3 多媒體的屬性 286
6．2．4 多媒體的方法 306
6．2．5 多媒體的事件 308
6．2．6 進(jìn)階功能――給音頻或視頻添加字幕 311
6．2．7 構建HTML5音頻與視頻的開(kāi)發(fā)實(shí)例 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簡(jiǎn)介 331
7．1．4 采用Web Storage來(lái)存儲JSON對象的數據 332
7．1．5 采用Web Storage實(shí)現留言本 335
7．2 本地數據庫 336
7．2．1 本地數據庫的基本概念 336
7．2．2 使用本地數據庫API 337
7．2．3 使用本地數據庫SQLLite實(shí)現Web留言本 339
7．3 indexedDB數據庫的使用 341
7．3．1 連接數據庫 341
7．3．2 創(chuàng )建對象倉庫與索引 344
7．3．3 indexedDB實(shí)現保存與獲取數據 349
7．3．4 indexedDB數據庫中的事務(wù) 352
7．3．5 查詢(xún)數據 354
7．3．6 統計對象倉庫中的數據條數 360
第8章 HTML5構建離線(xiàn)Web應用程序 362
8．1 離線(xiàn)Web應用程序 362
8．1．1 離線(xiàn)Web應用程序概述 362
8．1．2 Web應用程序的本地緩存與瀏覽器的網(wǎng)頁(yè)緩存的區別 363
8．2 搭建簡(jiǎn)單的離線(xiàn)Web應用程序 364
8．2．1 緩存文件（．manifest） 364
8．2．2 服務(wù)器的配置 365
8．3 瀏覽器與服務(wù)器的交互過(guò)程 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 用戶(hù)自定義的地理定位數據 380
9．1．7 取得當前地理位置 380
9．1．8 監視當前地理位置信息 384
9．1．9 停止獲取當前用戶(hù)的地理位置信息 385
9．1．10 position對象 385
9．2 隱私 387
9．2．1 觸發(fā)隱私保護機制 387
9．2．2 處理用戶(hù)地理位置信息 387
9．3 HTML5 Geolocation API的應用 388
9．3．1 使用HTML5 Geolocation 構建實(shí)時(shí)應用 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 跨文檔消息傳輸實(shí)例 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從服務(wù)器端獲取二進(jìn)制數據 408
11．1．1 ArrayBuffer響應數據 409
11．1．2 Blob響應數據 412
11．2 使用XMLHttpRequest發(fā)送數據 413
11．2．1 發(fā)送字符串數據 413
11．2．2 發(fā)送表單數據 415
11．2．3 發(fā)送Blob對象 416
11．2．4 發(fā)送ArrayBuffer對象 418
11．2．5 上傳文件 420
11．3 實(shí)現跨域請求數據 422
第12章 HTML5 Web Workers API 424
12．1 HTML5 Web Workers詳述 424
12．1．1 Web Workers的基礎知識 424
12．1．2 與線(xiàn)程進(jìn)行數據交互 427
12．1．3 使用HTML5 Web Workers API 429
12．2 HTML5 Web Workers中的線(xiàn)程 432
12．2．1 線(xiàn)程中的函數、變量和類(lèi) 432
12．2．2 單層嵌套 434
12．2．3 在多個(gè)子線(xiàn)程中進(jìn)行數據交互 436