第1章 HTML5概述 1
1.1 HTML5發展史 1
1.2 關於2022年的那個神話 2
1.3 誰在開發HTML5 3
1.4 新的認識 3
1.4.1 兼容性和存在即閤理 3
1.4.2 效率和用戶優先 4
1.4.3 化繁為簡 4
1.4.4 通用訪問 5
1.5 無插件範式 5
1.6 HTML5的新功能 8
1.6.1 新的DOCTYPE和字符集 8
1.6.2 新元素和舊元素 9
1.6.3 語義化標記 9
1.6.4 使用Selectors API簡化選取操作 15
1.6.5 JavaScript日誌和調試 18
1.6.6 window.JSON 19
1.6.7 DOM Level 3 19
1.6.8 Monkeys、Squirrelfish和其他JavaScript引擎 19
1.7 小結 20
第2章 Canvas API 22
2.1 HTML5 Canvas概述 22
2.1.1 曆史 22
2.1.2 canvas是什麼 23
2.1.3 canvas坐標 23
2.1.4 什麼情況下不用canvas 24
2.1.5 替代內容 24
2.1.6 CSS和canvas 24
2.1.7 瀏覽器對HTML5 Canvas的支持 25
2.2 使用HTML5 Canvas API 25
2.2.1 檢測瀏覽器支持情況 25
2.2.2 在頁麵中加入canvas 26
2.2.3 變換 28
2.2.4 路徑 30
2.2.5 描邊樣式 32
2.2.6 填充樣式 33
2.2.7 填充矩形區域 34
2.2.8 繪製麯綫 35
2.2.9 在canvas中插入圖片 36
2.2.10 漸變 37
2.2.11 背景圖 39
2.2.12 縮放canvas對象 41
2.2.13 Canvas變換 42
2.2.14 Canvas文本 43
2.2.15 應用陰影 45
2.2.16 像素數據 46
2.2.17 Canvas的安全機製 48
2.3 使用HTML5 Canvas創建應用 48
2.4 小結 52
第3章 音頻和視頻 53
3.1 HTML5 Audio和Video概述 53
3.1.1 視頻容器 53
3.1.2 音頻和視頻編解碼器 54
3.1.3 HTML5 Audio和Video的限製 55
3.1.4 audio元素和video元素的瀏覽器支持情況 56
3.2 使用HTML5 Audio和Video API 56
3.2.1 瀏覽器支持性檢測 57
3.2.2 理解媒體元素 58
3.2.3 使用audio元素 62
3.2.4 使用video元素 63
3.2.5 進階功能 68
3.3 小結 70
第4章 Geolocation API 72
4.1 位置信息 72
4.1.1 緯度和經度坐標 73
4.1.2 位置信息從何而來 73
4.1.3 IP地址地理定位數據 74
4.1.4 GPS地理定位數據 74
4.1.5 Wi-Fi地理定位數據 74
4.1.6 手機地理定位數據 75
4.1.7 用戶自定義的地理定位數據 75
4.2 HTML5 Geolocation的瀏覽器支持情況 75
4.3 隱私 76
4.3.1 觸發隱私保護機製 77
4.3.2 處理位置信息 78
4.4 使用HTML5 Geolocation API 78
4.4.1 瀏覽器支持性檢查 78
4.4.2 位置請求 79
4.5 使用HTML5 Geolocation構建實時應用 83
4.5.1 編寫HTML顯示代碼 84
4.5.2 處理Geolocation數據 85
4.5.3 最終代碼 88
4.6 進階功能 90
4.6.1 現在的狀態是什麼 91
4.6.2 在Goolge Map上顯示“我在這裏” 92
4.7 小結 93
第5章 Communication API 94
5.1 跨文檔消息通信 94
5.1.1 理解源安全 96
5.1.2 跨文檔消息通信的瀏覽器支持情況 97
5.1.3 使用postMessage API 97
5.1.4 使用postMessage API創建應用 98
5.2 XMLHttpRequest Level 2 103
5.2.1 跨源XMLHttpRequest 104
5.2.2 進度事件 105
5.2.3 XMLHttpRequest Level 2的瀏覽器支持情況 106
5.2.4 使用XMLHttpRequest API 106
5.2.5 創建XMLHttpRequest應用 107
5.3 進階功能 111
5.3.1 結構化的數據 111
5.3.2 Framebusting 111
5.4 小結 112
第6章 WebSockets API 113
6.1 HTML5 WebSockets概述 113
6.1.1 實時和HTTP 113
6.1.2 解讀HTML5 WebSockets 115
6.2 HTML5 WebSockets的瀏覽器支持情況 120
6.3 編寫簡單的Echo WebSocket服務器 120
6.4 使用HTML5 WebSockets API 126
6.4.1 瀏覽器支持情況檢測 126
6.4.2 API的基本用法 127
6.5 創建HTML5 WebSockets應用程序 130
6.5.1 編寫HTML文件 131
6.5.2 添加WebSocket代碼 133
6.5.3 添加Geolocation代碼 133
6.5.4 閤並所有內容 134
6.5.5 最終代碼 136
6.6 小結 138
第7章 Forms API 139
7.1 HTML5 Forms概述 139
7.1.1 HTML Forms與XForms 139
7.1.2 功能性錶單 140
7.1.3 HTML5 Forms的瀏覽器支持情況 140
7.1.4 輸入型控件目錄 141
7.2 使用HTML5 Forms API 144
7.2.1 新的錶單特性和函數 144
7.2.2 錶單驗證 147
7.2.3 驗證反饋 151
7.3 構建HTML5 Forms應用 152
7.4 小結 157
第8章 Web Workers API 158
8.1 HTML5 Web Workers的瀏覽器支持情況 158
8.2 使用HTML5 Web Workers API 159
8.2.1 瀏覽器支持性檢查 159
8.2.2 創建HTML5 Web Workers 160
8.2.3 多個JavaScript文件的加載與執行 160
8.2.4 與HTML5 Web Workers通信 160
8.3 編寫主頁 161
8.3.1 處理錯誤 161
8.3.2 HTML5 Web Workers 162
8.3.3 HTML5 Web Workers的嵌套使用 162
8.3.4 使用定時器 163
8.3.5 示例代碼 163
8.4 構建HTML5 Web Workers應用 164
8.4.1 編寫blur.js輔助腳本 165
8.4.2 編寫blur.html應用頁麵 166
8.4.3 編寫blurWorker.js 167
8.4.4 與Web Worker通信 168
8.4.5 運行程序 169
8.4.6 示例代碼 170
8.5 小結 174
第9章 Web Storage API 175
9.1 HTML5 Web Storage概述 175
9.2 HTML5 Web Storage的瀏覽器支持情況 176
9.3 使用HTML5 Web Storage API 176
9.3.1 檢查瀏覽器的支持性 176
9.3.2 設置和獲取數據 178
9.3.3 封堵數據泄漏 179
9.3.4 localStorage與session-Storage 180
9.3.5 Web Storage API的其他特性和函數 180
9.3.6 更新Web Storage後的通信 182
9.3.7 探索Web Storage 183
9.4 構建HTML5 Web Storage應用 184
9.5 瀏覽器數據庫存儲展望 195
9.6 進階功能 197
9.6.1 JSON對象的存儲 198
9.6.2 共享窗口 198
9.7 小結 200
第10章 構建離綫Web應用 201
10.1 HTML5離綫Web應用概述 201
10.2 使用HTML5離綫Web應用API 203
10.2.1 檢查瀏覽器的支持情況 203
10.2.2 搭建簡單的離綫應用程序 203
10.2.3 支持離綫行為 204
10.2.4 manifest文件 204
10.2.5 applicationCache API 205
10.3 使用HTML5離綫Web應用構建應用 206
10.3.1 創建記錄資源的manifest文件 208
10.3.2 創建構成界麵的HTML和CSS 208
10.3.3 創建離綫JavaScript 209
10.3.4 檢查applicationCache的支持情況 210
10.3.5 為Update按鈕添加處理函數 211
10.3.6 添加Geolocation跟蹤代碼 211
10.3.7 添加Storage功能代碼 212
10.3.8 添加離綫事件處理程序 212
10.4 小結 213
第11章 HTML5未來展望 214
11.1 HTML5的瀏覽器支持情況 214
11.2 HTML未來的發展 214
11.2.1 WebGL 215
11.2.2 設備 217
11.2.3 音頻數據API 217
11.2.4 視頻元素改進 218
11.2.5 觸摸屏設備事件 218
11.2.6 P2P網絡 220
11.2.7 最終方嚮 221
11.3 小結 221
· · · · · · (收起)