深入理解HTML5：語義、標準與樣式

關(guān)于作者         xiv 關(guān)于技術(shù)審閱人     xv 關(guān)于封面設(shè)計者     xvi 致謝         xvii 引言         xix 第1章　起步：HTML5的演變    1 1.1　HTML5 = HTML ? HTML5     1 1.1.1　HTML5出現(xiàn)之前        1 1.1.2　為什么XHTML 2.0消失了，而HTML5流行了        2 1.1.3　WHATWG的理念        2 1.1.4　HTML5的現(xiàn)狀    3 1.2　剖析HTML5文檔  4 1.3　HTML術(shù)語和概念          5 1.3.1　元素    6 1.3.2　屬性    6 1.3.3　文檔模型    7 1.4　HTML5的新特性   9 1.4.1　向后兼容    9 1.4.2　錯誤處理    9 1.4.3　簡化的doctype  10 1.4.4　簡化的字符編碼         11 1.4.5　新的內(nèi)容模型類別    12 1.4.6　新元素         13 1.4.7　微數(shù)據(jù)         13 1.4.8　內(nèi)嵌MathML和SVG 13 1.4.9　API       14 1.4.10  不再遵循SGML（又一次?。?nbsp; 14 1.4.11  廢棄的特性       14 1.5　XHTML消失了嗎   17 1.5.1　MIME類型的問題      18 1.6　在HTML和XHTML之間選擇       18 1.7　瀏覽器支持情況   19 1.8　瀏覽器開發(fā)工具   20 小結(jié)         21   第2章　各司其職的標簽     22 2.1　全局屬性        23 2.1.1　可訪問性    24 2.1.2　元數(shù)據(jù)（metadata）         25 2.1.3　唯一標識    26 2.1.4　可編輯性    28 2.1.5　拼寫檢查    28 2.1.6　隱藏元素    28 2.1.7　拖曳    29 2.1.8　樣式    29 2.1.9　文字方向    29 2.1.10  自定義數(shù)據(jù)       30 2.2　內(nèi)容模型類別        30 2.3　根元素   31 2.3.1　html元素的屬性         33 2.4　文檔元數(shù)據(jù)和腳本元素        33 2.4.1　網(wǎng)頁信息：title和meta   34 2.4.2　鏈接、樣式和資源：base、link和style 36 2.4.3　增加行為和后備內(nèi)容：script 和 noscript      38 2.5　文檔區(qū)塊元素        40 2.5.1　語義區(qū)塊元素    40 2.6　內(nèi)容分組元素        41 2.6.1　無法避免的段落：p  42 2.6.2　打斷內(nèi)容：hr     43 2.6.3　保持格式：pre   43 2.6.4　引用文字：blockquote       43 2.6.5　列表    43 2.6.6　圖表、照片、圖示：figure和figcaption 47 2.6.7　創(chuàng)建分塊：div    47 2.7　文本級語義元素   48 2.8　表格數(shù)據(jù)元素        49 2.8.1　表格基礎(chǔ)    50 2.8.2　添加表頭    51 2.8.3　增加說明：caption    52 2.8.4　增加結(jié)構(gòu)：thead、tfoot 和 tbody 52 2.8.5　添加更多結(jié)構(gòu)：colgroup和 col       54 2.9　表單元素        56 2.10  內(nèi)嵌內(nèi)容元素      57 2.11  交互元素      59 2.11.1　顯示更多：summary 和 details    60 2.11.2　工具條：menu和command   62 小結(jié)         62   第3章　認識語義          63 3.1　什么是語義，跟我有什么關(guān)系   63 3.2　用大綱思考   64 3.3　HTML5 大綱算法 65 3.4　用標題內(nèi)容隱性地創(chuàng)建大綱        66 3.5　用區(qū)塊內(nèi)容創(chuàng)建大綱   67 3.5.1　提高大綱的語義         68 3.6　頭和尾   70 3.6.1　使用hgroup         71 3.6.2　格式化有地址的尾部         71 3.6.3　確定頭尾內(nèi)容    72 3.7　查看HTML5大綱  73 3.8　div和span過時了嗎     74 3.9　案例學習：《城市新聞報》 74 3.9.1　添加文本級語義         76 3.10  其他文本級元素 84 3.10.1　作品標題：cite         85 3.10.2　格式化計算機輸入/輸出：code、var、samp、kbd      85 3.10.3　標記文本編輯：ins和del        85 3.10.4　處理外來腳本  85 小結(jié)         87   第4章　精通表單          88 4.1　表單元素復習        88 4.1.1　分析表單元素    89 4.1.2　表單元素屬性    90 4.2　獲取輸入        91 4.2.1　最初的輸入類型         93 4.2.2　新輸入類型         98 4.3　校驗和提交表單   102 4.3.1　輸入字段必填    103 4.3.2　用按鈕和圖片提交表單    103 4.4　其他常用input元素屬性      105 4.4.1　提供占位符文字         105 4.4.2　字段只讀    106 4.4.3　autocomplete 和 autofocus      106 4.4.4　使用數(shù)據(jù)列表    107 4.5　其他表單控件        108 4.5.1　菜單    108 4.5.2　文本塊         111 4.5.3　顯示進度    112 4.5.4　顯示度量    112 4.5.5　顯示計算的輸出         114 4.5.6　密鑰生成器         115 4.6　用fieldset和label添加結(jié)構(gòu)         115 4.7　完整的表單   117 4.7.1　第一頁：收集用戶詳情    117 4.7.2　第二頁：收集評論    121 4.7.3　第三頁： 確認信息  123 4.8　表單可用性   124 4.8.1　各司其職的輸入類型         124 4.8.2　保持簡潔    124 4.8.3　別讓我思考、別讓我費力、別騙我         125 4.8.4　記住互聯(lián)網(wǎng)是全球的         125 4.8.5　需要時提供后備方案         125 小結(jié)         126   第5章　多媒體：視頻、音頻和內(nèi)嵌媒體          127 5.1　一切的開始：img 127 5.2　圖像映射        130 5.3　嵌入其他媒體        132 5.3.1　embed元素         132 5.3.2　object元素 133 5.4　嵌入的HTML：iframe  135 5.4.1　處理iframe元素里的內(nèi)容         136 5.4.2　新的iframe元素屬性         137 5.4.3　指向iframe          138 5.5 　視頻      139 5.5.1　視頻格式    139 5.5.2　版權(quán)問題    140 5.5.3　處理視頻源         140 5.5.4　視頻屬性    144 5.6　音頻        146 5.6.1　音頻格式    147 5.7　文字軌   148 5.8　編碼音頻和視頻   149 5.9　最后一個重要元素        150 小結(jié)         150   第6章　CSS3 151 6.1　當前狀態(tài)：CSS2.1         151 6.2　CSS3 模塊      152 6.3　使用CSS          153 6.3.1　附上樣式表         153 6.3.2　CSS樣式規(guī)則      155 6.3.3　基本的CSS選擇器語法     157 6.3.4　高級選擇器         161 6.3.5　高效使用選擇器         175 6.3.6　CSS盒模型 176 6.4　背景和邊框   180 6.4.1　基本背景色和圖片    180 6.4.2　多重背景    184 6.4.3　圓角    185 6.4.4　陰影    185 6.5　顏色        186 6.5.1　屏幕上的顏色    186 6.5.2　功能符語法         188 6.5.3　色調(diào)、飽和度、亮度         188 6.5.4　不透明度    189 6.6　網(wǎng)頁字體的編排設(shè)計   190 6.6.1　網(wǎng)頁字體    190 6.6.2　多列    192 6.6.3　文字特效    192 6.6.4　字體的規(guī)則         193 小結(jié)         194   第7章　用戶交互和HTML5 API  195 7.1　使用本章的JavaScript  195 7.1.1　操作DOM屬性和方法      196 7.1.2　控制臺日志         197 7.1.3　事件    199 7.2　歷史API 200 7.2.1　非常簡單的Ajax         201 7.2.2　基于歷史的Ajax         203 7.3　構(gòu)建自定義視頻控制器        205 7.4　2D Canvas API 編程      208 7.4.1　畫布繪圖    211 7.4.2　畫布狀態(tài)    215 7.4.3　畫布的交互         216 7.4.4　畫布動畫    217 7.5　拖曳操作        219 7.5.1　用拖曳排序列表         225 小結(jié)         227   第8章　前方的路          228 8.1　移動互聯(lián)網(wǎng)的挑戰(zhàn)        228 8.2　響應式設(shè)計   229 8.2.1　viewport      229 8.2.2　媒體查詢    231 8.3　離線應用緩存        233 8.4　其他HTML5技術(shù)  234 8.4.1　微數(shù)據(jù)         234 8.4.2　撤銷管理器API  236 8.4.3　即將到來的CSS技術(shù)          236 小結(jié)         237   附錄A　相關(guān)技術(shù) 239 索引         251