目 錄
第I部分 概述
第1章 HTML5新特性 3
1.1 HTML5——更優雅
的HTML 4
1.2 HTML5與CSS 8
1.3 HTML5的新標記 10
1.4 HTML5與HTML4的比較 10
1.5 HTML5中最新的多媒體處理
方式 15
1.6 小結 17
第2章 HTML5 Web開發中的
JavaScript和CSS 19
2.1 JavaScript是Web開發不可
或缺的一部分 20
2.2 將腳本代碼放在頁麵底部 22
2.3 循環和條件判斷 24
2.4 JavaScript外部文件 26
2.5 CSS概述 27
2.6 ID選擇器：選擇頁麵的
特定部分 31
2.7 如何將CSS應用於新的
HTML5多媒體標記 34
2.8 小結 37
第II部分 圖形和多媒體
第3章 canvas的創意 41
3.1 canvas簡介 42
3.2 在Canvas上繪圖 44
3.3 漸變 48
3.3.1 綫性漸變 50
3.3.2 徑嚮漸變 52
3.4 理解路徑 54
3.5 繪製圓和圓弧 54
3.6 繪製綫段 64
3.7 使用多個canvas 69
3.8 在canvas上放置文本 73
3.8.1 垂直文本 75
3.8.2 陰影文本 77
3.9 小結 80
第4章 canvas的動畫和事件 81
4.1 用圓形填充canvas的動畫 82
4.2 移動的漸變效果 84
4.3 使用事件 86
4.3.1 濛德裏安風格的藝術 86
4.3.2 繪圖闆 91
4.4 小結 98
第5章 在HTML5中使用視頻 99
5.1 關於格式編碼器和一些
易混淆的問題 100
5.2 轉換文件格式 101
5.3 觀看視頻 106
5.3.1 迴退 108
5.3.2 控製視頻 109
5.3.3 video元素的更多屬性 111
5.3.4 視頻與事件 112
5.4 小結 114
第III部分 高級HTML5特性
第6章 HTML5中的audio 117
6.1 Audio元素簡介 118
6.2 隱藏audio播放器 121
6.3 事件和audio元素 123
6.3.1 使用audio元素的事件 123
6.3.2 使用audio元素的其他
事件 126
6.4 小結 128
第7章 使用本地存儲持久化存儲
數據 129
7.1 本地存儲的定義 130
7.2 本地存儲基礎 130
7.3 使用本地存儲控製圖片 135
7.4 小結 140
第8章 拖放功能：在屏幕上移動
元素 143
8.1 拖放方塊 144
8.2 為拖放事件添加行為 149
8.3 輕鬆在綫購物 153
8.4 井字遊戲(Tic-Tac-Toe) 161
8.5 小結 169
第9章 地理定位 171
9.1 地理定位方法 172
9.2 關注隱私問題 173
9.3 找到你的位置 174
9.3.1 處理拒絕和錯誤 178
9.3.2 檢測瀏覽器對geolocation
的支持 180
9.4 在地圖上顯示你的位置 183
9.4.1 使用地圖 187
9.4.2 持續地跟蹤位置的移動 188
9.5 小結 191
第10章 HTML5文檔結構 193
10.1 div元素的問題 194
10.2 HTML5布局標記 195
10.2.1 布局標記概述 195
10.2.2 使用新的布局標記 197
10.3 小結 211
第11章 HTML5新的錶單元素
和用途 213
11.1 HTML5的input類型 214
11.2 創建錶單 216
11.2.1 添加一個顔色拾取器 217
11.2.2 添加日期和時間控件 218
11.2.3 使用e-mail和URL
字段 221
11.2.4 添加Number控件和Range
控件 221
11.2.5 使用search類型 224
11.2.6 添加電話號碼輸入框 225
11.3 創建安全錶單 225
11.3.1 錶單的布局 226
11.3.2 執行驗證 228
11.3.3 提交數據 232
11.4 小結 235
第12章 CSS3：新樣式錶技術 237
12.1 CSS3模塊 238
12.2 Web字體 238
12.2.1 CSS3的字體規則 239
12.2.2 字體格式 240
12.2.3 在網站中使用字體 240
12.3 背景 243
12.3.1 多個背景圖片 243
12.3.2 設置背景位置 243
12.4 邊框 245
12.4.1 圓角邊框和陰影邊框 246
12.4.2 圖形邊框 247
12.5 變形 250
12.6 過渡(Transition) 253
12.7 動畫 257
12.7.1 創建動畫 258
12.7.2 多個動畫 261
12.7.3 CSS動畫的附加說明 263
12.8 小結 263
第13章 可編輯區域和離綫站點 265
13.1 可編輯內容 266
13.1.1 創建一個可編輯區域 266
13.1.2 可編輯內容的一個
小遊戲 268
13.2 離綫站點 271
13.2.1 緩存清單文件 272
13.2.2 檢測離綫狀態的代碼 276
13.2.3 緩存多個頁麵 277
13.3 小結 278
第14章 高級主題 279
14.1 JavaScript 280
14.1.1 循環 280
14.1.2 條件分支 285
14.1.3 函數 289
14.2 用數學方法創建視覺
效果 290
14.3 視差處理 306
14.4 小結 315
附錄A 快速參考 317
A.1 HTML5模闆 317
A.2 HTML全局屬性 318
A.3 HTML特定標記
的屬性 320
A.4 HTML5標記 323
· · · · · · (收起)