HTML5開發(fā)手冊(cè)

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