內容簡介
寫給Web開發人員看的HTML5教程《寫給Web開發人員看的HTML5教程》通過結合大量實際案例和原始碼對HTML5的重要特性進行了詳細講解，內容全面豐富，易於理解。全書共分為12章，從HTML5的歷史故事講起，涉及了文檔結構和語義、智慧型表單、視頻與音頻、畫布、SVG與MathML、地理定位、Web存儲與離線Web應用程式、WebSockets套接字、Web Worker多執行緒、微數據以及以拖曳為代表的一些全局屬性，涵蓋了HTML5所有的重要特性。此外，《寫給Web開發人員看的HTML5教程》還提供了大量的案例原始碼，供讀者在學習過程中參考，幫助讀者提升HTML5的實際套用技能。 《寫給Web開發人員看的HTML5教程》適合具有一定的HTML和JavaScript基礎的Web開發人員閱讀。
目錄
第1章 Web標準概述 1
1.1 HTML5誕生始末 1
1.2 重大歷史事件回顧 6
1.3 揀重要的說 8
1.3.1 有什麼新特色？ 8
1.3.2 去掉了什麼？ 11
1.3.3 XHTML呢？ 14
1.4 現在我可以開始使用HTML5了嗎？ 15
小結 16
第2章 文檔結構和語義 17
2.1 頁眉的header和hgroup標籤 18
2.2 正文(article)內容 20
2.3 由footer和nav組成的頁腳 21
2.4 由aside及section組成的工具列 23
2.5 大綱算法 24
2.6 圖形中的figure及figcaption 25
2.7 文檔級別語義--更多新的標籤 26
2.7.1 元素ruby、rt及rp 26
2.7.2 time元素 27
2.7.3 mark元素 28
2.7.4 wbr元素 28
2.7.5 略微改變的元素 29
小結 30
第3章 智慧型表單 31
3.1 新的輸入類型(input type) 31
3.1.1 輸入類型tel及search 32
3.1.2 輸入類型url及email 33
3.1.3 用datetime，date，month，week，time以及datetime-local表示日期和時間 33
3.1.4 輸入類型number及range 34
3.1.5 輸入類型color 34
3.1.6 新輸入類型的實際套用 34
3.2 有用的表單屬性 36
3.2.1 使用autofocus操作焦點 36
3.2.2 為文本使用placeholder占位符 37
3.2.3 使用required定義必填項 37
3.2.4 input元素中的更多屬性 37
3.3 新的元素 39
3.3.1 使用meter顯示度量 40
3.3.2 用progress顯示任務進程 42
3.3.3 datalist選項列表 43
3.3.4 使用keygen處理密鑰 44
3.3.5 用output進行計算 46
3.4 客戶端表單驗證 48
3.4.1 invalid事件 50
3.4.2 checkValidity函式 50
3.4.3 使用setCustomValidity()進行錯誤處理 52
3.4.4 有效性驗證總結 53
3.4.5 不做有效性驗證也許更好？“formnovalidate” 53
3.5 案例：一張維修表單 53
小結 57
第4章 視頻與音頻 59
4.1 第一個案例 60
4.2 video元素及其屬性 60
4.3 視頻編解碼器 62
4.3.1 Ogg：Theora與Vorbis 63
4.3.2 MPEG-4：H.264與AAC 64
4.3.3 WebM：VP8與Vorbis 64
4.4 視頻轉換工具 65
4.4.1 FFmpeg 65
4.4.2 VLC 66
4.4.3 Firefogg 67
4.4.4 Miro Video Converter 68
4.5 各種瀏覽器支持些什麼格式 70
4.6 舊瀏覽器的過渡解決方案 70
4.6.1 mwEmbed 70
4.6.2 html5media 72
4.7 視頻與腳本--簡單的視頻播放器 73
4.7.1 視頻整合 74
4.7.2 播放和暫停視頻 75
4.7.3 顯示及設定播放位置 76
4.7.4 快進和後退 77
4.7.5 選擇電影場景 79
4.7.6 音量調節及靜音 79
4.7.8 HTMLMediaElement接口中其他的屬性及方法 80
4.7.9 媒體事件列表 83
4.8 關於音頻 84
小結 89
第5章 畫布 91
5.1 案例一 92
5.2 矩形 94
5.3 顏色及陰影 96
5.4 漸變 97
5.5 路徑繪圖 100
5.5.1 線條 101
5.5.2 Bézier曲線 102
5.5.3 弧線 103
5.5.4 矩形 107
5.5.5 輪廓、填充及剪下遮罩 108
5.6 文本 111
5.6.1 字型 111
5.6.2 水平錨點 113
5.6.3 垂直錨點 114
5.6.4 繪製及測量文本 115
5.7 內嵌圖像 116
5.8 像素處理 120
5.8.1 使用ImageData對象 120
5.8.2 使用getImageData()、createImageData()及putImageData()進行顏色處理 123
5.9 混合(Compositing) 127
5.10 圖案(Pattern) 130
5.11 變換(Transformations) 133
5.12 用canvas.toDataURL()進行Base64編碼 140
5.13 save()與restore() 141
5.14 動畫 142
5.14.1 彩色球體動畫 142
5.14.2 用drawImage()播放視頻 145
5.15 還有遺漏嗎？ 148
5.15.1 isPointInPath(x, y) 148
5.15.2 Canvas的可訪問性？ 149
5.15.3 安全方面 150
5.15.4 瀏覽器支持 151
5.15.5 更多連結 151
小結 152
第6章 SVG與MathML 153
6.1 MathML 154
6.2 SVG 156
小結 157
第7章 地理定位 159
7.1 地理定位介紹 159
7.1.1 地理數據 159
7.1.2 線上地圖服務 160
7.2 初體驗：在瀏覽器中使用地理定位 163
7.3 定位的技術背景 166
7.4 OpenStreetMap上顯示當前位置 167
7.5 使用GoogleMaps追蹤位置 169
7.6 案例：Geonotes 170
7.6.1 操作 170
7.6.2 重要的代碼片斷 171
7.7 瀏覽器支持 175
小結 175
第8章 Web存儲及離線Web應用程式 177
8.1 存儲 177
8.1.1 Storage接口 178
8.1.2 會話存儲(sessionStorage) 179
8.1.3 本地存儲(localStorage) 180
8.1.4 storage事件 181
8.1.5 調試 181
8.2 離線Web應用程式 183
8.2.1 快取清單檔案 183
8.2.2 離線狀態及事件 184
8.2.3 調試 187
8.3 瀏覽器支持 189
8.4 案例: Click to tick! 189
8.4.1 用戶界面 190
8.4.2 管理界面 191
8.4.3 重要代碼片段 192
8.4.4 擴展選項 197
小結 198
第9章 網頁套接字 199
9.1 WebSocket伺服器 201
9.2 案例：廣播伺服器 202
9.2.1 廣播客戶端 202
9.2.2 廣播伺服器 204
9.3 案例：Battleships!(戰列艦) 206
小結 213
第10章 多執行緒 215
10.1 Web Worker介紹 215
10.2 查找閏年 217
10.3 配合Canvans計算海拔檔案 219
10.3.1 重要代碼清單 220
小結 224
第11章 微數據 225
11.1 微數據語法 226
11.1.1 屬性itemscope及itemprop 227
11.1.2 itemtype屬性 229
11.1.3 itemid屬性 231
11.1.4 itemref屬性 231
11.2 微數據DOM API 232
小結 233
第12章 寫在最後：一些全局屬性 235
12.1 class屬性的變化 236
12.2 用“data-*”定義自定義屬性 236
12.3 hidden屬性 237
12.4 classList接口 238
12.5 通過draggable屬性實現拖曳 240
12.5.1 拖曳與FileAPI相結合 245
12.6 屬性contenteditable與spellcheck 248
小結 250
後記 251
