HTML5實(shí)戰(zhàn)

第1章 　HTML5頁面結(jié)構(gòu)
實(shí)戰(zhàn)1-1 　創(chuàng)建HTML5的DOCTYPE
實(shí)戰(zhàn)1-2 　在HTML5中聲明字符編碼
實(shí)戰(zhàn)1-3 　將文檔分成不同區(qū)域
實(shí)戰(zhàn)1-4 　使文檔各部分可獨(dú)立分發(fā)
實(shí)戰(zhàn)1-5 　創(chuàng)建旁注
實(shí)戰(zhàn)1-6 　創(chuàng)建文頭
實(shí)戰(zhàn)1-7 　組合h1至h6元素
實(shí)戰(zhàn)1-8 　創(chuàng)建文腳
實(shí)戰(zhàn)1-9 　在HTML5文檔中創(chuàng)建導(dǎo)航
實(shí)戰(zhàn)1-10 　插入圖表
實(shí)戰(zhàn)1-11 　瀏覽器兼容性
本章小結(jié)
第2章 　HTML5標(biāo)記
實(shí)戰(zhàn)2-1 　在HTML5中使用hr標(biāo)簽
實(shí)戰(zhàn)2-2 　使用iframe標(biāo)簽
實(shí)戰(zhàn)2-3 　在頁面中嵌入媒體
實(shí)戰(zhàn)2-4 　使用area標(biāo)簽
本章小結(jié)
第3章 　HTML5結(jié)構(gòu)化語義元素
認(rèn)識(shí)微數(shù)據(jù)
實(shí)戰(zhàn)3-1 　使用itemprop和itemscope屬性
實(shí)戰(zhàn)3-2 　創(chuàng)建自定義詞匯表
實(shí)戰(zhàn)3-3 　理解鏈接類型和關(guān)系
實(shí)戰(zhàn)3-4 　header和hgroup元素
實(shí)戰(zhàn)3-5 　添加圖片說明
實(shí)戰(zhàn)3-6 　添加旁注
本章小結(jié)
第4章 　HTML5表單
認(rèn)識(shí)新的輸入類型
實(shí)戰(zhàn)4-1 　使用email輸入類型
實(shí)戰(zhàn)4-2 　使用URL輸入類型
實(shí)戰(zhàn)4-3 　使用數(shù)字微調(diào)控件
實(shí)戰(zhàn)4-4 　用range輸入類型添加滑動(dòng)框控件
實(shí)戰(zhàn)4-5 　發(fā)送多個(gè)文件
實(shí)戰(zhàn)4-6 　使用datalist組件實(shí)現(xiàn)輸入的自動(dòng)完成
實(shí)戰(zhàn)4-7 　驗(yàn)證表單控件
實(shí)戰(zhàn)4-8 　利用正則表達(dá)式創(chuàng)建自定義輸入類型
實(shí)戰(zhàn)4-9 　設(shè)置輸入框的占位符文本
實(shí)戰(zhàn)4-10 　創(chuàng)建日期和時(shí)間控件
本章小結(jié)
第5章 　HTML5媒體元素：Audio和Video
實(shí)戰(zhàn)5-1 　在Web頁面中嵌入視頻
實(shí)戰(zhàn)5-2 　檢測(cè)瀏覽器是否支持video
實(shí)戰(zhàn)5-3 　定制視頻控件
實(shí)戰(zhàn)5-4 　預(yù)加載視頻
實(shí)戰(zhàn)5-5 　自定義視頻進(jìn)度條
實(shí)戰(zhàn)5-6 　使用多源video元素
實(shí)戰(zhàn)5-7 　全屏播放視頻
實(shí)戰(zhàn)5-8 　為視頻添加遮罩
實(shí)戰(zhàn)5-9 　使用audio元素
本章小結(jié)
第6章 　HTML5繪圖API
實(shí)戰(zhàn)6-1 　如何使用canvas元素的繪圖API
實(shí)戰(zhàn)6-2 　使用路徑和坐標(biāo)
實(shí)戰(zhàn)6-3 　繪制圖形：矩形和圓形
實(shí)戰(zhàn)6-4 　用純色填充圖形
實(shí)戰(zhàn)6-5 　使用漸變色填充
實(shí)戰(zhàn)6-6 　在canvas中寫字
實(shí)戰(zhàn)6-7 　相對(duì)文字大小
實(shí)戰(zhàn)6-8 　輸出PNG圖片文件
本章小結(jié)
第7章 　HTML5 Canvas
實(shí)戰(zhàn)7-1 　了解畫布API
實(shí)戰(zhàn)7-2 　檢測(cè)是否支持canvas和繪制文本
實(shí)戰(zhàn)7-3 　認(rèn)識(shí)屏幕坐標(biāo)系統(tǒng)和canvas變換
實(shí)戰(zhàn)7-4 　操作像素
實(shí)戰(zhàn)7-5 　應(yīng)用陰影和模糊
實(shí)戰(zhàn)7-6 　canvas的動(dòng)畫效果
本章小結(jié)
第8章 　HTML5通信API
認(rèn)識(shí)postMessage API
增強(qiáng)postMessage通信安全
實(shí)戰(zhàn)8-1 　檢查瀏覽器是否支持postMessage API
跨文檔消息和CORS
實(shí)戰(zhàn)8-2 　在window和iframe間傳送消息
實(shí)戰(zhàn)8-3 　用服務(wù)端事件技術(shù)編寫實(shí)時(shí)Web應(yīng)用
實(shí)戰(zhàn)8-4 　用消息通道在不同的瀏覽上下文中運(yùn)行代碼
實(shí)戰(zhàn)8-5 　用XMLHttpRequest Level 2上傳文件
實(shí)戰(zhàn)8-6 　檢查XMLHtppRequest Level 2跨源瀏覽器支持
本章小結(jié)
第9章 　HTML5 WebSocket
實(shí)戰(zhàn)9-1 　檢查瀏覽器是否支持WebSocket
實(shí)戰(zhàn)9-2 　建立WebSocket連接
實(shí)戰(zhàn)9-3 　處理WebSocket事件
實(shí)戰(zhàn)9-4 　通過WebSocket API使用WebSocket Server
本章小結(jié)
第10章 　HTML5地理定位API
認(rèn)識(shí)地理定位API
實(shí)戰(zhàn)10-1 　使用navigator對(duì)象
實(shí)戰(zhàn)10-2 　獲取當(dāng)前位置
實(shí)戰(zhàn)10-3 　使用position對(duì)象
實(shí)戰(zhàn)10-4 　處理定位錯(cuò)誤
實(shí)戰(zhàn)10-5 　追蹤用戶的位置
實(shí)戰(zhàn)10-6 　使用geo.js開源庫
本章小結(jié)
第11章 　HTML5本地存儲(chǔ)
實(shí)戰(zhàn)11-1 　認(rèn)識(shí)偶爾連接的應(yīng)用
實(shí)戰(zhàn)11-2 　檢查HTML5存儲(chǔ)支持情況
實(shí)戰(zhàn)11-3 　為頁面聲明清單文件
實(shí)戰(zhàn)11-4 　使用ApplicationCache對(duì)象
實(shí)戰(zhàn)11-5 　ApplicationCache事件
實(shí)戰(zhàn)11-6 　刪除本地緩存
本章小結(jié)
第12章 　HTML5無障礙訪問
無障礙訪問的四個(gè)原則
WCAG的目的
實(shí)戰(zhàn)12-1 　用nav元素創(chuàng)建錨點(diǎn)鏈接
實(shí)戰(zhàn)12-2 　創(chuàng)建無障礙的表格數(shù)據(jù)
實(shí)戰(zhàn)12-3 　創(chuàng)建無障礙的表單
實(shí)戰(zhàn)12-4 　使用video元素并添加字幕和注解
實(shí)戰(zhàn)12-5 　使用ARIA項(xiàng)目
本章小結(jié)