出版信息
ISBN:9787115265876
定價:45.00元
作者:[美]Estelle Weyl Louis Lazaris Alexis Goldstein 著
譯者:宋松
出版社:人民郵電出版社
出版時間:2011年12月 版次:1.1開本:16開裝幀:平裝字數:353千字 頁數:284頁
內容簡介
《HTML5與CSS3實戰指南》主要介紹HTML5和CSS3的新功能,內容系統全面,易於理解。 《HTML5與CSS3實戰指南》由11章和3個附錄組成,內容包括HTML5和CSS3簡介、HTML5標記、HTML5語義、HTML5表單、HTML5音頻和視頻、CSS3漸變和多背景、CSS轉換和過渡、嵌入字型和多列布局、地理定位、離線Web套用和Web存儲、畫布、SVG和拖放、Modernizr、WAI-ARIA以及微數據。每章都包含代碼示例,供讀者在學習過程中進行參考。
目錄
第1章 HTML5和CSS3簡介 1
1.1 什麼是HTML5 1
1.2 如何發展至今 2
1.3 我們為什麼應關注HTML5 4
1.4 什麼是CSS3 4
1.5 我們為什麼應關注CSS3 5
1.6 在現實中,我們想做的是什麼 6
1.6.1 多種瀏覽器的市場 6
1.6.2 不斷發展的移動市場 7
1.7 實際套用 8
第2章 HTML5樣式的標記 11
2.1 The HTML5 Herald簡介 11
2.2 基本的HTML5模板 12
2.2.1 Doctype 13
2.2.2 html元素 14
2.2.3 head元素 14
2.2.4 公平競爭 16
2.2.5 剩餘部分是歷史簡介 17
2.3 HTML5常見問題 18
2.3.1 為什麼這些變更仍能夠在舊版瀏覽器中工作 18
2.3.2 是否需要關閉所有標籤 20
2.3.3 關於其他的基於XHTML的語法使用習慣 20
2.4 定義頁面結構 22
2.4.1 header元素 22
2.4.2 section元素 23
2.4.3 article元素 24
2.4.4 nav元素 25
2.4.5 aside元素 26
2.4.6 footer元素 27
2.5 構建The HTML5 Herald 28
2.6 小結 30
第3章 關於HTML5語義的更多內容 31
3.1 關於內容類型的新視角 31
3.2 文檔大綱 33
3.3 最新訊息 34
3.4 更多新元素 37
3.4.1 figure和figcaption元素 37
3.4.2 mark元素 38
3.4.3 progress和meter元素 38
3.4.4 time元素 39
3.5 對現有功能的更改 41
3.5.1 單詞“Deprecated”是被棄用的 41
3.5.2 連結中的block元素 41
3.5.3 黑體文本 41
3.5.4 斜體文本 42
3.5.5 大號和小號文體 43
3.5.6 引起爭議的cite元素 43
3.5.7 描述(不是定義)列表 43
3.6 其他新元素及功能 44
3.6.1 details元素 44
3.6.2 自定義的有序列表 45
3.6.3 作用域樣式 45
3.6.4 script元素的async屬性 45
3.7 驗證HTML5文檔 46
3.8 小結 48
第4章 HTML5表單 49
4.1 工具箱中的相關工具 49
4.2 HTML5表單屬性 51
4.2.1 required屬性 51
4.2.2 placeholder屬性 55
4.2.3 pattern屬性 58
4.2.4 disabled屬性 59
4.2.5 readonly屬性 59
4.2.6 multiple屬性 60
4.2.7 form屬性 60
4.2.8 autocomplete屬性 61
4.2.9 datalist元素和list屬性 61
4.2.10 autofocus屬性 62
4.3 HTML5新表單輸入類型 62
4.3.1 search 63
4.3.2 Email Addresses 64
4.3.3 URL 65
4.3.4 Telephone Numbers 66
4.3.5 Numbers 66
4.3.6 Ranges 67
4.3.7 Colors 68
4.3.8 Dates和Times 69
4.4 HTML5中的其他新表單控制項 71
4.4.1 output元素 72
4.4.2 keygen元素 72
4.5 對現有表單控制項及屬性的更改 72
4.5.1 form元素 72
4.5.2 optgroup元素 73
4.5.3 textarea元素 73
4.6 小結 73
第5章 HTML5音頻和視頻 75
5.1 歷史簡介 75
5.2 目前狀況 76
5.2.1 視頻容器格式 76
5.2.2 視頻編解碼器 77
5.2.3 音頻編解碼器 77
5.2.4 當前瀏覽器使用哪種組合 77
5.3 標記 78
5.3.1 啟用本機控制項 78
5.3.2 autoplay屬性 79
5.3.3 loop屬性 80
5.3.4 preload屬性 80
5.3.5 poster屬性 81
5.3.6 audio屬性 81
5.3.7 添加對多種視頻格式的支持 81
5.3.8 資源順序 82
5.3.9 關於Internet Explorer 6~8 83
5.3.10 MIME類型 85
5.4 用於網路的視頻檔案解碼 86
5.5 創建自定義控制項 86
5.5.1 讓我們從一些標記和設計開始 87
5.5.2 介紹媒體元素API 88
5.5.3 播放和暫停視頻 90
5.5.4 視頻音軌的靜音與取消靜音 93
5.5.5 視頻結束播放的回響 94
5.5.6 更新視頻播放的時間 94
5.5.7 媒體元素API的其他一些功能 97
5.6 關於音頻 99
5.7 可訪問的媒體 99
5.8 小結 100
第6章 CSS3簡介 101
6.1 改進舊版瀏覽器 101
6.2 CSS3選擇器 102
6.2.1 關係選擇器 102
6.2.2 屬性選擇器 104
6.2.3 偽類 105
6.2.4 結構化偽類 107
6.2.5 偽元素和生成的內容 110
6.3 CSS3顏色 111
6.3.1 RGBA 112
6.3.2 HSL和HSLA 113
6.3.3 不透明度 114
6.4 實際套用 114
6.5 圓角:border-radius 116
6.6 投影 118
6.7 文本陰影 122
6.8 更多陰影 122
6.9 小結 123
第7章 CSS3漸變和多背景 125
7.1 線性漸變 126
7.1.1 W3C語法 127
7.1.2 舊WebKit語法 130
7.1.3 實際套用 131
7.1.4 使用SVG的線性漸變 133
7.1.5 使用Internet Explorer濾鏡的線性漸變 135
7.1.6 便捷的工具 136
7.2 徑向漸變 136
7.2.1 W3C語法 137
7.2.2 舊WebKit語法 139
7.2.3 實際套用 140
7.3 重複漸變 141
7.4 多背景圖像 142
7.5 背景大小 145
7.6 小結 147
第8章 CSS3轉換和過渡 149
8.1 轉換 149
8.1.1 平移 150
8.1.2 縮放 152
8.1.3 旋轉 153
8.1.4 傾斜 154
8.1.5 更改轉換的原點 154
8.1.6 對Internet Explorer 8及更早版本的支持 155
8.2 過渡 156
8.2.1 transition-property 157
8.2.2 transition-duration 158
8.2.3 transition-timing-function 159
8.2.4 transition-delay 160
8.2.5 transition簡寫屬性 160
8.2.6 多個過渡 161
8.3 動畫 162
8.3.1 關鍵幀 162
8.3.2 動畫屬性 164
8.4 小結 167
第9章 嵌入字型和多列布局 169
9.1 Web字型和@font-face 169
9.1.1 實現@font-face 170
9.1.2 聲明字型來源 172
9.1.3 字型屬性描述符 174
9.1.4 Unicode範圍 175
9.1.5 套用字型 176
9.1.6 法律因素 176
9.1.7 創建各種字型檔類型:Font squirrel 177
9.1.8 其他考慮因素 180
9.2 CSS3多列布局 180
9.2.1 column-count屬性 181
9.2.2 column-gap屬性 182
9.2.3 column-width屬性 182
9.2.4 columns簡寫屬性 184
9.2.5 列和height屬性 184
9.2.6 其他列功能 185
9.2.7 其他考慮因素 186
9.2.8 漸進增強 187
9.3 媒體查詢 188
9.3.1 什麼是媒體查詢 188
9.3.2 語法 189
9.3.3 媒體查詢的靈活性 190
9.3.4 瀏覽器支持 190
9.3.5 其他閱讀材料 191
9.4 小結 191
第10章 地理定位、離線Web套用和Web存儲 193
10.1 地理定位 194
10.1.1 隱私問題 195
10.1.2 地理定位方法 195
10.1.3 使用Modernizr檢查支持 196
10.1.4 獲取當前位置 196
10.1.5 地理定位的Position對象 197
10.1.6 獲取經度和緯度 198
10.1.7 載入地圖 199
10.1.8 關於舊式移動設備的結束語 204
10.2 離線Web套用 204
10.2.1 工作原理:HTML5應用程式快取 205
10.2.2 設定站點離線工作 205
10.2.3 獲取離線存儲站點的許可權 208
10.2.4 離線測試 208
10.2.5 使The HTML5 Herald離線可用 210
10.2.6 離線Web套用存儲的限制 211
10.2.7 後備部分 211
10.2.8 刷新快取 213
10.2.9 我們線上嗎 214
10.2.10 其他閱讀材料 215
10.3 Web存儲 215
10.3.1 兩種存儲 216
10.3.2 Web存儲數據的外觀 217
10.3.3 獲取和設定數據 218
10.3.4 轉換存儲的數據 218
10.3.5 捷徑 219
10.3.6 刪除條目和清除數據 219
10.3.7 存儲限制 219
10.3.8 安全考慮 220
10.3.9 將Web存儲添加到The HTML5 Herald 221
10.3.10 用網頁審查工具查看Web存儲值 224
10.4 其他HTML5 API 226
10.4.1 網路工作者 226
10.4.2 網路套接字 227
10.4.3 Web SQL和IndexedDB 227
10.5 返回到繪製面板 228
第11章 畫布、SVG和拖放 229
11.1 畫布 229
11.1.1 關於畫布的一些歷史 230
11.1.2 創建畫布元素 230
11.1.3 在畫布上繪製 232
11.1.4 獲取背景 232
11.1.5 用顏色填充畫筆 233
11.1.6 在畫布上繪製矩形 234
11.1.7 畫布坐標系統 234
11.1.8 fillStyle的變化 235
11.1.9 通過創建路徑繪製其他形狀 237
11.1.10 存儲畫布繪製 240
11.1.11 在畫布上繪製圖像 241
11.1.12 處理圖像 243
11.1.13 將彩色圖像轉換為黑白圖像 244
11.1.14 getImageData的安全性錯誤 247
11.1.15 用畫布測試視頻 247
11.1.16 在畫布上顯示文字 250
11.1.17 關注可訪問性 254
11.1.18 其他閱讀材料 254
11.2 SVG 254
11.2.1 在SVG上繪製 255
11.2.2 使用Inkscape創建SVG圖像 258
11.2.3 SVG過濾器 258
11.2.4 使用Rapha?l庫 259
11.2.5 畫布與SVG 261
11.3 拖放 262
11.3.1 給WAI-ARIA貓餵食 263
11.3.2 使元素可拖動 264
11.3.3 DataTransfer對象 265
11.3.4 接受可以放下的元素 266
11.3.5 其他閱讀材料 269
11.4 結束了,朋友們! 269
附錄A Modernizr 271
附錄B WAI-ARIA 277
附錄C 微數據 281