《沒什麼難的HTML5完全自學手冊》是2018年電子工業出版社出版的圖書，作者是劉河飛。
基本介紹
- 書名：沒什麼難的HTML5完全自學手冊
- 作者：劉河飛
- ISBN：9787121334139
- 出版社：電子工業出版社
- 出版時間：2018-01
- 開本：16開
- 版次：01-01
內容簡介,圖書目錄,
內容簡介
本書作為HTML5網頁開發語言的教程，系統地介紹了HTML5的相關知識點。全書共12章，從HTML5的基礎知識及其元素的用法開始，後面依次講解了HTML5的表單與檔案API、Canvas繪製圖形、音頻與視頻、本地存儲、離線Web套用、地理位置API、通信API、XMLHttpRequest API、Web Workers API等內容。本書內容全面、結構清晰，有助於讀者理解相關知識點。全書的每個知識點都結合相應的代碼實例，並展示對應的實例效果圖，有助於提高讀者的編程能力。讀者在實際開發過程中可以套用自如，達到學以致用的目的。本書適合網頁編程愛好者及從事Web網頁開發的相關讀者閱讀。
圖書目錄
第1章 認識HTML5 1
1.1 HTML5的發展歷史 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 新增的結構元素 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的結構 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新增的結構元素編排一份網頁綱要 70
3.3.1 編排內容區塊 70
3.3.2 網頁編排實例 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 檔案系統API的各種操作 167
4.5 HTML5中的拖放API 200
4.5.1 實現拖放的步驟 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()函式在指定區域繪圖 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 保存與恢復狀態 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 構建HTML5音頻與視頻的開發實例 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對象的數據 332
7.1.5 採用Web Storage實現留言本 335
7.2 本地資料庫 336
7.2.1 本地資料庫的基本概念 336
7.2.2 使用本地資料庫API 337
7.2.3 使用本地資料庫SQLLite實現Web留言本 339
7.3 indexedDB資料庫的使用 341
7.3.1 連線資料庫 341
7.3.2 創建對象倉庫與索引 344
7.3.3 indexedDB實現保存與獲取數據 349
7.3.4 indexedDB資料庫中的事務 352
7.3.5 查詢數據 354
7.3.6 統計對象倉庫中的數據條數 360
第8章 HTML5構建離線Web應用程式 362
8.1 離線Web應用程式 362
8.1.1 離線Web應用程式概述 362
8.1.2 Web應用程式的本地快取與瀏覽器的網頁快取的區別 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 經度和緯度坐標 377
9.1.2 IP位址地理定位 378
9.1.3 GPS地理定位 379
9.1.4 Wi-Fi地理定位 379
9.1.5 手機地理定位 380
9.1.6 用戶自定義的地理定位數據 380
9.1.7 取得當前地理位置 380
9.1.8 監視當前地理位置信息 384
9.1.9 停止獲取當前用戶的地理位置信息 385
9.1.10 position對象 385
9.2 隱私 387
9.2.1 觸發隱私保護機制 387
9.2.2 處理用戶地理位置信息 387
9.3 HTML5 Geolocation API的套用 388
9.3.1 使用HTML5 Geolocation 構建實時套用 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 傳送對象 406
第11章 XMLHttpRequest API的套用 408
11.1 利用XMLHttpRequest從伺服器端獲取二進制數據 408
11.1.1 ArrayBuffer回響數據 409
11.1.2 Blob回響數據 412
11.2 使用XMLHttpRequest傳送數據 413
11.2.1 傳送字元串數據 413
11.2.2 傳送表單數據 415
11.2.3 傳送Blob對象 416
11.2.4 傳送ArrayBuffer對象 418
11.2.5 上傳檔案 420
11.3 實現跨域請求數據 422
第12章 HTML5 Web Workers API 424
12.1 HTML5 Web Workers詳述 424
12.1.1 Web Workers的基礎知識 424
12.1.2 與執行緒進行數據互動 427
12.1.3 使用HTML5 Web Workers API 429
12.2 HTML5 Web Workers中的執行緒 432
12.2.1 執行緒中的函式、變數和類 432
12.2.2 單層嵌套 434
12.2.3 在多個子執行緒中進行數據互動 436
