HTML5與CSS3實(shí)戰(zhàn)指南

第1章 HTML5和CSS3簡介
　1.1 什么是HTML5
　1.2 如何發(fā)展至今
　1.3 我們?yōu)槭裁磻?yīng)關(guān)注HTML5
　1.4 什么是CSS3
　1.5 我們?yōu)槭裁磻?yīng)關(guān)注CSS3
　1.6 在現(xiàn)實(shí)中，我們想做的是什么
　　1.6.1 多種瀏覽器的市場
　　1.6.2 不斷發(fā)展的移動(dòng)市場
　1.7 實(shí)際應(yīng)用 　　
第2章 HTML5樣式的標(biāo)記
　2.1 The HTML5 Herald簡介
　2.2 基本的HTML5模板
　　2.2.1 Doctype
　　2.2.2 html元素
　　2.2.3 head元素
　　2.2.4 公平競爭
　　2.2.5 剩余部分是歷史簡介
　2.3 HTML5常見問題
　　2.3.1 為什么這些變更仍能夠在舊版瀏覽器中工作
　　2.3.2 是否需要關(guān)閉所有標(biāo)簽
　　2.3.3 關(guān)于其他的基于XHTML的語法使用習(xí)慣
　2.4 定義頁面結(jié)構(gòu)
　　2.4.1 header元素
　　2.4.2 section元素
　　2.4.3 article元素
　　2.4.4 nav元素
　　2.4.5 aside元素
　　2.4.6 footer元素
　2.5 構(gòu)建The HTML5 Herald
　2.6 小結(jié) 　　
第3章 關(guān)于HTML5語義的更多內(nèi)容
　3.1 關(guān)于內(nèi)容類型的新視角
　3.2 文檔大綱
　3.3 最新消息
　3.4 更多新元素
　　3.4.1 figure和figcaption元素
　　3.4.2 mark元素
　　3.4.3 progress和meter元素
　　3.4.4 time元素
　3.5 對(duì)現(xiàn)有功能的更改
　　3.5.1 單詞“Deprecated”是被棄用的
　　3.5.2 鏈接中的block元素
　　3.5.3 黑體文本
　　3.5.4 斜體文本
　　3.5.5 大號(hào)和小號(hào)文體
　　3.5.6 引起爭議的cite元素
　　3.5.7 描述(不是定義)列表
　3.6 其他新元素及功能
　　3.6.1 details元素
　　3.6.2 自定義的有序列表
　　3.6.3 作用域樣式
　　3.6.4 script元素的async屬性
　3.7 驗(yàn)證HTML5文檔
　3.8 小結(jié) 　　
第4章 HTML5表單
　4.1 工具箱中的相關(guān)工具
　4.2 HTML5表單屬性
　　4.2.1 required屬性
　　4.2.2 placeholder屬性
　　4.2.3 pattern屬性
　　4.2.4 disabled屬性
　　4.2.5 readonly屬性
　　4.2.6 multiple屬性
　　4.2.7 form屬性
　　4.2.8 autocomplete屬性
　　4.2.9 datalist元素和list屬性
　　4.2.10 autofocus屬性
　4.3 HTML5新表單輸入類型
　　4.3.1 search
　　4.3.2 Email Addresses
　　4.3.3 URL
　　4.3.4 Telephone Numbers
　　4.3.5 Numbers
　　4.3.6 Ranges
　　4.3.7 Colors
　　4.3.8 Dates和Times
　4.4 HTML5中的其他新表單控件
　　4.4.1 output元素
　　4.4.2 keygen元素
　4.5 對(duì)現(xiàn)有表單控件及屬性的更改
　　4.5.1 form元素
　　4.5.2 optgroup元素
　　4.5.3 textarea元素
　4.6 小結(jié) 　　
第5章 HTML5音頻和視頻
　5.1 歷史簡介
　5.2 目前狀況
　　5.2.1 視頻容器格式
　　5.2.2 視頻編解碼器
　　5.2.3 音頻編解碼器
　　5.2.4 當(dāng)前瀏覽器使用哪種組合
　5.3 標(biāo)記
　　5.3.1 啟用本機(jī)控件
　　5.3.2 autoplay屬性
　　5.3.3 loop屬性
　　5.3.4 preload屬性
　　5.3.5 poster屬性
　　5.3.6 audio屬性
　　5.3.7 添加對(duì)多種視頻格式的支持
　　5.3.8 資源順序
　　5.3.9 關(guān)于Internet Explorer 6～8
　　5.3.10 MIME類型
　5.4 用于網(wǎng)絡(luò)的視頻文件解碼
　5.5 創(chuàng)建自定義控件
　　5.5.1 讓我們從一些標(biāo)記和設(shè)計(jì)開始
　　5.5.2 介紹媒體元素API
　　5.5.3 播放和暫停視頻
　　5.5.4 視頻音軌的靜音與取消靜音
　　5.5.5 視頻結(jié)束播放的響應(yīng)
　　5.5.6 更新視頻播放的時(shí)間
　　5.5.7 媒體元素API的其他一些功能
　5.6 關(guān)于音頻
　5.7 可訪問的媒體
　5.8 小結(jié) 　　
第6章 CSS3簡介
　6.1 改進(jìn)舊版瀏覽器
　6.2 CSS3選擇器
　　6.2.1 關(guān)系選擇器
　　6.2.2 屬性選擇器
　　6.2.3 偽類
　　6.2.4 結(jié)構(gòu)化偽類
　　6.2.5 偽元素和生成的內(nèi)容
　6.3 CSS3顏色
　　6.3.1 RGBA
　　6.3.2 HSL和HSLA
　　6.3.3 不透明度
　　6.4 實(shí)際應(yīng)用
　6.5 圓角：border-radius
　6.6 投影
　6.7 文本陰影
　6.8 更多陰影
　6.9 小結(jié) 　　
第7章 CSS3漸變和多背景
　7.1 線性漸變
　　7.1.1 W3C語法
　　7.1.2 舊WebKit語法
　　7.1.3 實(shí)際應(yīng)用
　　7.1.4 使用SVG的線性漸變
　　7.1.5 使用Internet Explorer濾鏡的線性漸變
　　7.1.6 便捷的工具
　7.2 徑向漸變
　　7.2.1 W3C語法
　　7.2.2 舊WebKit語法
　　7.2.3 實(shí)際應(yīng)用
　7.3 重復(fù)漸變
　7.4 多背景圖像
　7.5 背景大小
　7.6 小結(jié) 　　
第8章 CSS3轉(zhuǎn)換和過渡
　8.1 轉(zhuǎn)換
　　8.1.1 平移
　　8.1.2 縮放
　　8.1.3 旋轉(zhuǎn)
　　8.1.4 傾斜
　　8.1.5 更改轉(zhuǎn)換的原點(diǎn)
　　8.1.6 對(duì)Internet Explorer 8及更早版本的支持
　8.2 過渡
　　8.2.1 transition-property
　　8.2.2 transition-duration
　　8.2.3 transition-timing-function
　　8.2.4 transition-delay
　　8.2.5 transition簡寫屬性
　　8.2.6 多個(gè)過渡
　8.3 動(dòng)畫
　　8.3.1 關(guān)鍵幀
　　8.3.2 動(dòng)畫屬性
　8.4 小結(jié) 　　
第9章 嵌入字體和多列布局
　9.1 Web字體和@font-face
　　9.1.1 實(shí)現(xiàn)@font-face
　　9.1.2 聲明字體來源
　　9.1.3 字體屬性描述符
　　9.1.4 Unicode范圍
　　9.1.5 應(yīng)用字體
　　9.1.6 法律因素
　　9.1.7 創(chuàng)建各種字體文件類型：Font Squirrel
　　9.1.8 其他考慮因素
　9.2 CSS3多列布局
　　9.2.1 column-count屬性
　　9.2.2 column-gap屬性
　　9.2.3 column-width屬性
　　9.2.4 columns簡寫屬性
　　9.2.5 列和height屬性
　　9.2.6 其他列功能
　　9.2.7 其他考慮因素
　　9.2.8 漸進(jìn)增強(qiáng)
　9.3 媒體查詢
　　9.3.1 什么是媒體查詢
　　9.3.2 語法
　　9.3.3 媒體查詢的靈活性
　　9.3.4 瀏覽器支持
　　9.3.5 其他閱讀材料
　9.4 小結(jié) 　　
第10章 地理定位、離線Web應(yīng)用和Web存儲(chǔ)
　10.1 地理定位
　　10.1.1 隱私問題
　　10.1.2 地理定位方法
　　10.1.3 使用Modernizr檢查支持
　　10.1.4 獲取當(dāng)前位置
　　10.1.5 地理定位的Position對(duì)象
　　10.1.6 獲取經(jīng)度和緯度
　　10.1.7 加載地圖
　　10.1.8 關(guān)于舊式移動(dòng)設(shè)備的結(jié)束語
　10.2 離線Web應(yīng)用
　　10.2.1 工作原理：HTML5應(yīng)用程序緩存
　　10.2.2 設(shè)置站點(diǎn)離線工作
　　10.2.3 獲取離線存儲(chǔ)站點(diǎn)的權(quán)限
　　10.2.4 離線測試
　　10.2.5 使The HTML5 Herald離線可用
　　10.2.6 離線Web應(yīng)用存儲(chǔ)的限制
　　10.2.7 后備部分
　　10.2.8 刷新緩存
　　10.2.9 我們在線嗎
　　10.2.10 其他閱讀材料
　10.3 Web存儲(chǔ)
　　10.3.1 兩種存儲(chǔ)
　　10.3.2 Web存儲(chǔ)數(shù)據(jù)的外觀
　　10.3.3 獲取和設(shè)置數(shù)據(jù)
　　10.3.4 轉(zhuǎn)換存儲(chǔ)的數(shù)據(jù)
　　10.3.5 快捷方式
　　10.3.6 刪除條目和清除數(shù)據(jù)
　　10.3.7 存儲(chǔ)限制
　　10.3.8 安全考慮
　　10.3.9 將Web存儲(chǔ)添加到The HTML5 Herald
　　10.3.10 用網(wǎng)頁審查工具查看Web存儲(chǔ)值
　10.4 其他HTML5 API
　　10.4.1 網(wǎng)絡(luò)工作者
　　10.4.2 網(wǎng)絡(luò)套接字
　　10.4.3 Web SQL和IndexedDB
　10.5 返回到繪制面板 　　
第11章 畫布、SVG和拖放
　11.1 畫布
　　11.1.1 關(guān)于畫布的一些歷史
　　11.1.2 創(chuàng)建畫布元素
　　11.1.3 在畫布上繪制
　　11.1.4 獲取背景
　　11.1.5 用顏色填充畫筆
　　11.1.6 在畫布上繪制矩形
　　11.1.7 畫布坐標(biāo)系統(tǒng)
　　11.1.8 fillStyle的變化
　　11.1.9 通過創(chuàng)建路徑繪制其他形狀
　　11.1.10 存儲(chǔ)畫布繪制
　　11.1.11 在畫布上繪制圖像
　　11.1.12 處理圖像
　　11.1.13 將彩色圖像轉(zhuǎn)換為黑白圖像
　　11.1.14 getImageData的安全性錯(cuò)誤
　　11.1.15 用畫布測試視頻
　　11.1.16 在畫布上顯示文字
　　11.1.17 關(guān)注可訪問性
　　11.1.18 其他閱讀材料
　11.2 SVG
　　11.2.1 在SVG上繪制
　　11.2.2 使用Inkscape創(chuàng)建SVG圖像
　　11.2.3 SVG過濾器
　　11.2.4 使用Rapha?l庫
　　11.2.5 畫布與SVG
　11.3 拖放
　　11.3.1 給WAI-ARIA貓喂食
　　11.3.2 使元素可拖動(dòng)
　　11.3.3 DataTransfer對(duì)象
　　11.3.4 接受可以放下的元素
　　11.3.5 其他閱讀材料
　11.4 結(jié)束了，朋友們！
附錄A Modernizr
附錄B WAI-ARIA
附錄C 微數(shù)據(jù)