HTML5開發(fā)手冊

第1章 HTML5中新的結(jié)構(gòu)元素
1.1 初學(xué)者“菜譜”：建立HTML5初始文件
1.1.1 doctype
1.1.2 字符編碼
1.1.3 JavaScript和CSS鏈接
1.1.4 語法編寫風(fēng)格
1.2 這些新元素從何而來
1.3 初學(xué)者“菜譜”：使用header元素建立網(wǎng)站標(biāo)頭
1.4 初學(xué)者“菜譜”：使用hgroup元素組合標(biāo)題
1.5 初學(xué)者“菜譜”：使用nav元素創(chuàng)建導(dǎo)航
1.6 中級“菜譜”：使用新article元素
1.7 中級“菜譜”：使用section元素對內(nèi)容分組
1.8 初學(xué)者“菜譜”：使用aside標(biāo)記創(chuàng)建側(cè)邊欄
1.9 初學(xué)者“菜譜”：使用footer元素
1.10 中級“菜譜”：使用HTML5大綱工具驗證結(jié)構(gòu)
1.11 高級“菜譜”：使用所有新標(biāo)記建立新聞頁面
1.12 高級“菜譜”：使用所有新元素來建立搜索結(jié)果頁面
1.13 小結(jié)
第2章 組合、文本級和重新定義的語義
2.1 初學(xué)者“菜譜”：使用figure和figcaption元素插入圖片和圖注
2.2 初學(xué)者“菜譜”：使用time元素插入日期和時間
2.3 初學(xué)者“菜譜”：使用details元素創(chuàng)建可伸縮控件
2.4 初學(xué)者“菜譜”：使用address元素提供通信信息
2.5 初學(xué)者“菜譜”：使用mark元素高亮文本
2.6 初學(xué)者“菜譜”：使用s元素顯示不準(zhǔn)確或不相關(guān)的內(nèi)容
2.7 現(xiàn)存元素的變化
2.7.1 cite元素
2.7.2 ol元素
2.7.3 dl元素
2.7.4 small元素
2.7.5 b和strong元素
2.7.6 i和em元素
2.7.7 abbr元素
2.7.8 hr元素
2.7.9 不復(fù)存在的元素
2.8 初學(xué)者“菜譜”：為多個元素添加相同的超鏈接
2.9 中級“菜譜”：利用Microdata添加語義信息
2.10 中級“菜譜”：在HTML5中使用WAI-ARIA
2.11 高級“菜譜”：編寫帶有評論的文章頁面
2.12 小結(jié)
第3章 應(yīng)對瀏覽器的HTML5支持
3.1 初學(xué)者“菜譜”：IE支持問題
3.1.1 利用JavaScript解決HTML5兼容問題
3.1.2 使CSS兼容
3.2 模板
3.3 初學(xué)者“菜譜”：HTML5特性檢查
3.4 中級“菜譜”：使用jQuery替代Calendar標(biāo)記
3.5 中級“菜譜”：利用Modernizr檢查特性
3.6 Polyfilling
3.7 HTML5驗證網(wǎng)站
3.8 小結(jié)
第4章 CSS3新布局和樣式技巧
4.1 中級“菜譜”：使用CSS3媒介查詢（Media Query）建立響應(yīng)式設(shè)計
4.1.1 合理使用
4.1.2 目標(biāo)設(shè)備為iPhone和Android手機
4.2 初學(xué)者“菜譜”：使用@font-face進(jìn)行自定義字體
4.2.1 文件格式和跨瀏覽器問題
4.2.2 字體服務(wù)
4.3 中級“菜譜”：使用CSS漸變和復(fù)合背景創(chuàng)建按鈕
4.4 中級“菜譜”：使用變換和過渡以美化網(wǎng)站
4.5 高級“菜譜”：利用CSS創(chuàng)建動畫
4.6 小結(jié)
第5章 HTML5 Web表單
5.1 驗證
5.2 HTML 4輸入類型
5.3 初學(xué)者“菜譜”：建立聯(lián)系人表單
5.3.1 input type=“email”
5.3.2 input type=“tel”
5.3.3 input type=“url”
5.4 初學(xué)者“菜譜”：利用input type= “search”建立搜索表單
5.5 初學(xué)者“菜譜”：建立日歷和時間控件
5.5.1 input type=“datetime”
5.5.2 input type=“datetime-local”
5.5.3 input type=“date”
5.5.4 input type=“time”
5.5.5 input type=“month”
5.5.6 input type=“week”
5.5.7 限定日期和時間
5.6 初學(xué)者“菜譜”：創(chuàng)建數(shù)字選擇器
5.7 初學(xué)者“菜譜”：創(chuàng)建滑塊（無需JavaScript）
5.8 初學(xué)者“菜譜”：創(chuàng)建顏色選擇器
5.9 初學(xué)者“菜譜”：使用output元素顯示結(jié)果
5.10 初學(xué)者“菜譜”：使用占位文字（placeholder）
5.11 初學(xué)者“菜譜”：利用list和datalist完成自動補全功能
5.12 初學(xué)者“菜譜”：使用progress元素跟蹤任務(wù)完成程度
5.13 初學(xué)者“菜譜”：使用meter元素進(jìn)行計量
5.14 初學(xué)者“菜譜”：頁面載入時跳轉(zhuǎn)到某個form元素
5.15 初學(xué)者“菜譜”：允許多個條目
5.16 初學(xué)者“菜譜”：利用required屬性進(jìn)行基本驗證
5.17 中級“菜譜”：編寫自定義驗證規(guī)則
5.18 初學(xué)者“菜譜”：限制用戶輸入
5.18.1 step
5.18.2 min，max
5.18.3 formnovalidate，novalidate
5.19 中級“菜譜”：自定義表單樣式
5.20 錯誤消息
5.21 高級“菜譜”：綜合應(yīng)用以創(chuàng)建注冊表單
5.22 小結(jié)
第6章 Canvas繪圖
6.1 Canvas介紹
6.1.1 初始工作
6.1.2 X和Y坐標(biāo)
6.2 初學(xué)者“菜譜”：在Canvas上繪制網(wǎng)格
6.3 初學(xué)者“菜譜”：繪制簡單的圖形和線段
6.3.1 繪制長方形或正方形并設(shè)置樣式
6.3.2 為圖形添加漸變填充
6.3.3 繪制線段或路徑
6.4 中級“菜譜”：使用路徑繪制多邊形
6.5 中級“菜譜”：繪制弧形和圓形
6.6 初學(xué)者“菜譜”：添加文字
6.7 初學(xué)者“菜譜”：繪制圖片
6.8 中級“菜譜”：裁剪圖片
6.9 中級“菜譜”：子圖動畫
6.10 高級“菜譜”：為圖片添加動畫
6.11 高級“菜譜”：柱形圖表動畫
6.12 小結(jié)
第7章 HTML5嵌入視頻
7.1 初學(xué)者“菜譜”：使用video元素插入視頻
7.1.1 瀏覽器和設(shè)備支持
7.1.2 HTML5和視頻編碼
7.1.3 為何我們需要了解編碼
7.2 中級“菜譜”：在所有瀏覽器中使用視頻
7.2.1 為過時瀏覽器添加回滾內(nèi)容
7.2.2 新的視頻屬性
7.3 中級“菜譜”：為視頻創(chuàng)建字幕
7.4 媒體API
7.5 高級“菜譜”：創(chuàng)建自定義控件
7.6 小結(jié)
第8章 HTML5嵌入音頻
8.1 初學(xué)者“菜譜”：利用audio元素嵌入音頻
8.2 中級“菜譜”：在所有瀏覽器中使用音頻
8.3 新的音頻屬性
8.3.1 src屬性
8.3.2 preload屬性
8.3.3 loop屬性
8.3.4 autoplay屬性
8.3.5 controls屬性
8.4 媒體API
8.5 中級“菜譜”：創(chuàng)建混音器
8.6 高級“菜譜”：添加流媒體廣播
8.7 小結(jié)
第9章 修改瀏覽器歷史記錄
9.1 歷史記錄（History）基礎(chǔ)
9.2 初學(xué)者“菜譜”：使用pushState添加歷史記錄
9.3 初學(xué)者“菜譜”：創(chuàng)建圖片查看器
9.4 中級“菜譜”：在圖片查看器中彈出狀態(tài)
9.5 初學(xué)者“菜譜”：使用replaceState修改歷史記錄
9.6 中級“菜譜”：修改頁面歷史記錄
9.7 高級“菜譜”：使用高級狀態(tài)數(shù)據(jù)在頁面間傳遞信息
9.8 中級“菜譜”：測試歷史記錄安全性
9.9 實用庫
9.10 小結(jié)
第10章 Geolocation API位置感知
10.1 Geolocation簡介
10.1.1 瀏覽器兼容性
10.1.2 獲取位置：getCurrentPosition
10.2 初學(xué)者“菜譜”：簡單使用getCurrent-Position獲取當(dāng)前位置
10.3 中級“菜譜”：使用getCurrentPosition映射位置
10.4 中級“菜譜”：使用PositionOptions確定距離
10.5 高級“菜譜”：使用watchPosition跟隨移動中的位置
10.6 小結(jié)
第11章 客戶端存儲
11.1 客戶端存儲概要
11.1.1 數(shù)據(jù)安全
11.1.2 鍵與值：sessionStorage和localStorage
11.2 初學(xué)者“菜譜”：獲取和寫入會話存儲
11.3 初學(xué)者“菜譜”：使用會話存儲記錄樣式
11.4 中級“菜譜”：使用本地存儲保存表單
11.5 高級“菜譜”：捕獲本地存儲事件
11.6 Web SQL Database API
11.7 高級“菜譜”：使用Web數(shù)據(jù)庫創(chuàng)建貨物列表
11.8 小結(jié)
第12章 通信與線程
12.1 WebSocket API簡介
12.2 初學(xué)者“菜譜”：通過Web Sockets交流
12.3 通過Web Workers創(chuàng)建線程
12.4 初學(xué)者“菜譜”：創(chuàng)建Web Worker
12.5 中級“菜譜”：添加雙向通信
12.6 高級“菜譜”：利用共享Web Worker
12.7 小結(jié)
第13章 HTML5中的瀏覽器體驗
13.1 拖放API
13.2 初學(xué)者“菜譜”：div間拖放
13.3 高級“菜譜”：利用事件和dataTransfer
13.4 應(yīng)用程序緩存和API
13.4.1 瀏覽器緩存安全
13.4.2 引用清單（Manifest）文件
13.5 初學(xué)者“菜譜”：創(chuàng)建清單文件
13.5.1 CACHE
13.5.2 FALLBACK
13.5.3 NETWORK
13.5.4 更新緩存
13.6 初學(xué)者“菜譜”：離線使用頁面
13.7 應(yīng)用緩存API
13.8 通知（Notification）API
13.8.1 通知權(quán)限
13.8.2 瀏覽器兼容性
13.9 初學(xué)者“菜譜”：顯示簡單的通知
13.10 高級“菜譜”：創(chuàng)建Tweet通知頁面
13.11 小結(jié)
第14章 使用本地文件
14.1 File API介紹
14.2 初學(xué)者“菜譜”：獲取文件屬性
14.3 初學(xué)者“菜譜”：拖放、處理多個文件
14.4 FileReader接口
14.5 中級“菜譜”：使用readAsDataURL預(yù)覽圖片
14.6 高級“菜譜”：使用readAsText解析CSV文件
14.7 File API擴展規(guī)范
14.8 高級“菜譜”：創(chuàng)建本地文件
14.9 小結(jié)
第15章 整合設(shè)備數(shù)據(jù)
15.1 設(shè)備API簡史
15.2 通訊錄API
15.3 初學(xué)者“菜譜”：獲取所有聯(lián)系人和手機號碼
15.4 Messaging API
15.5 Network Information API
15.6 電池狀態(tài)事件
15.7 HTML Media Capture
15.8 中級“菜譜”：使用File Input捕獲圖片
15.9 設(shè)備方向和移動事件
15.10 中級“菜譜”：創(chuàng)建水準(zhǔn)儀
15.11 小結(jié)