HTML5秘籍

HTML5秘籍

《HTML5秘籍》是2012年8月人民郵電出版社出版的,作者是Matthew MacDonald。本書主要介紹了html5的發展歷程,html5 對傳統web 表單的翻新、html5 中的音頻與視頻、canvas 繪圖技術、css3和數據存儲、離線套用、與web 伺服器通信,以及html5與javascript 技術的強大結合等內容。

基本介紹

內容簡介,作者簡介,目  錄,

內容簡介

《HTML5秘籍》由麥克唐納所著,共包括四個部分,共12 章。第一部分介紹了html5 的發展歷程,利用html5 重新構造網頁,以及html5 的語義元素。第二部分介紹了html5 對傳統web 表單的翻新、html5 中的音頻與視頻、canvas 繪圖技術、css3 等內容。第三部分介紹了數據存儲、離線套用、與web 伺服器通信,以及html5與javascript 技術的強大結合等內容。第四部分為附錄,簡單介紹了css 和javascript。
《HTML5秘籍》既適合新手學習,也能助有經驗的web 開發人員解決日常工作中遇到的難題。

作者簡介

Matthew MacDonald
開發人員、技術作家、Visual Basic和.NET講師。從Visual Basic和ASP一發布就一直在使用它們,並編寫了十幾本這方面的圖書,包括《asp net 4高級程式設計》、The Book of VB .NET(No Starch出版社)和Visual Basic 2005: A Developer's Notebook(O’Reilly出版社)。他還編寫了Missing Manual系列圖書之Excel 2007和Access 2007(O’Reilly出版社)。
“The Missing Manual系列絕對是入門指南最為明智的選擇……”
——凱文·凱利, 《連線》聯合創始人

目  錄

第一部分  認識新語言
第1章  HTML5簡介 2
1.1  HTML5的故事 2
1.1.1  XHTML 1.0:更嚴格的標準 2
1.1.2  XHTML 2:意想不到的失敗 3
1.1.3  HTML5:起死回生 3
1.1.4  HTML:活著的語言 5
1.2  HTML5的三個主要原理 6
1.2.1  不破壞Web 6
1.2.2  修補牛蹄子路 7
1.2.3  實用至上 8
1.3  HTML5標記初體驗 8
1.3.1  HTML5文檔類型 10
1.3.2  字元編碼 11
1.3.3  頁面語言 11
1.3.4  添加樣式表 12
1.3.5  添加JavaScript 12
1.3.6  最終結果 13
1.4  HTML5語法 13
1.4.1  放鬆的規則 14
1.4.2  HTML5驗證 15
1.4.3  XHTML的回歸 17
1.5  HTML5元素家族 18
1.5.1  新增的元素 18
1.5.2  刪除的元素 18
1.5.3  改變的元素 19
1.5.4  調整的元素 20
1.5.5  標準化的元素 21
1.6  今天開始用HTML5 22
1.6.1  了解瀏覽器支持情況 23
1.6.2  瀏覽器裝機情況統計 24
1.6.3  通過Modernizr檢測功能 26
1.6.4  使用“膩子腳本”填補功能
缺陷 28
第2章  構造網頁的新方式 30
2.1  語義元素 30
2.2  改造傳統的HTML頁面 32
2.2.1  構造頁面的老辦法 32
2.2.2  使用HTML5構造頁面 36
2.2.3  用<hgroup>標註副標題 39
2.2.4  用<figure>添加插圖 40
2.2.5  用<aside>添加附註 42
2.3  瀏覽器對語義元素的支持情況 43
2.4  使用語義元素設計站點 45
2.4.1  理解<header> 46
2.4.2  用<nav>標註導航連結 48
2.4.3  理解<footer> 52
2.4.4  理解區塊 54
2.5  HTML5綱要 55
2.5.1  如何查看綱要 55
2.5.2  基本綱要 56
2.5.3  分塊元素 58
2.5.4  解決一個綱要問題 60
第3章  有意義的標記 64
3.1  回顧語義元素 64
3.1.1  使用<time>標註日期和時間 65
3.1.2  使用<output>標註JavaScript返
回值 66
3.1.3  使用<mark>標註突顯文本 68
3.2  其他語義標準 69
3.2.1  ARIA 70
3.2.2  RDFa 71
3.2.3  Microformats 71
3.2.4  Microdata 76
3.3  Google Rich Snippets 79
3.3.1  增強搜尋結果 79
3.3.2  菜譜搜尋引擎 82
第二部分  製作新網頁
第4章  Web表單 86
4.1  理解表單 86
4.2  傳統表單翻新 88
4.2.1  通過占位符文本添加提示 91
4.2.2  焦點:挑選正確的起點 93
4.3  驗證:阻止錯誤 93
4.3.1  HTML5驗證的原理 94
4.3.2  關閉驗證 95
4.3.3  驗證樣式掛鈎 96
4.3.4  使用正則表達式 97
4.3.5  自定義驗證 98
4.3.6  瀏覽器對驗證的支持 99
4.4  新的輸入控制項 102
4.4.1  電子郵件地址 104
4.4.2  網址 105
4.4.3  搜尋框 105
4.4.4  電話號碼 105
4.4.5  數值 105
4.4.6  滑動條 106
4.4.7  日期和時間 107
4.4.8  顏色 108
4.5  新元素 108
4.5.1  使用<datalist>顯示輸入建議 109
4.5.2  進度條和計量條 111
4.5.3  使用<command>和<menu>創建工具條和選單 113
4.6  網頁中的HTML編輯器 113
4.6.1  使用contentEditable編輯
元素 114
4.6.2  使用designMode編輯頁面 116
第5章  音頻與視頻 118
5.1  理解今天的視頻 118
5.2  HTML5音頻與視頻 119
5.2.1  使用<audio>播放點噪音 120
5.2.2  了解<video> 122
5.3  格式之爭與後備措施 123
5.3.1  談談格式 124
5.3.2  瀏覽器對媒體格式的支持
情況 125
5.3.3  多種格式:如何討好每一款瀏覽器 127
5.3.4  使用<source>元素 128
5.3.5  以Flash作後備 129
5.4  使用JavaScript控制播放器 132
5.4.1  添加音效 133
5.4.2  創建自定義視頻播放器 136
5.4.3  JavaScript媒體播放器 138
5.4.4  字幕與無障礙性 140
第6章  基本Canvas繪圖 142
6.1  Canvas起步 142
6.1.1  畫直線 145
6.1.2  路徑與形狀 148
6.1.3  繪製曲線 149
6.1.4  變換 152
6.1.5  透明度 155
6.2  構建基本的畫圖程式 157
6.2.1  準備工作 158
6.2.2  在畫布上繪圖 160
6.2.3  將畫布保存為圖像 161
6.3  瀏覽器對Canvas的支持情況 164
6.3.1  填平補齊Canvas 164
6.3.2  Canvas後備及功能檢測 166
第7章  高級Canvas技術 168
7.1  高級Canvas繪圖 168
7.1.1  繪製圖像 168
7.1.2  裁剪、切割和伸縮圖片 170
7.1.3  繪製文本 172
7.2  陰影與填充 173
7.2.1  添加陰影 173
7.2.2  填充圖案 175
7.2.3  填充漸變 176
7.2.4  綜合示例:繪製圖解 180
7.3  賦予圖形互動能力 184
7.3.1  記錄繪製的內容 184
7.3.2  基於坐標的碰撞檢測 187
7.4  給Canvas添加動畫 189
7.4.1  基本的動畫 190
7.4.2  多物體動畫 191
7.5  實例:迷宮遊戲 195
7.5.1  布置迷宮 196
7.5.2  讓笑臉動起來 198
7.5.3  基於像素顏色的碰撞檢測 199
第8章  使用CSS3 203
8.1  使用CSS3 203
8.1.1  選擇一:用能用的 204
8.1.2  選擇二:將CSS功能作為
增強 204
8.1.3  選擇三:Modernizr 205
8.1.4  特定於瀏覽器的樣式 208
8.2  Web排版 209
8.2.1  Web字型格式 211
8.2.2  使用字型包 212
8.2.3  使用谷歌的Web字型 214
8.2.4  使用自己的字型 216
8.2.5  多欄文本 218
8.3  適用不同的設備 220
8.3.1  媒體查詢 220
8.3.2  高級媒體查詢 224
8.3.3  替換整個樣式表 225
8.3.4  識別移動設備 226
8.4  多變的盒子 227
8.4.1  透明盒子 227
8.4.2  圓角盒子 229
8.4.3  背景盒子 230
8.4.4  陰影盒子 231
8.4.5  漸變盒子 232
8.5  創建過渡效果 234
8.5.1  基本的顏色過渡 235
8.5.2  更多的過渡思路 237
8.5.3  變換 237
第三部分  構建桌面式Web套用
第9章  數據存儲 242
9.1  Web存儲簡介 242
9.1.1  存儲數據 244
9.1.2  實戰:保存遊戲中的最後
位置 246
9.1.3  瀏覽器對Web存儲的支持
情況 247
9.2  深入Web存儲 248
9.2.1  刪除數據項 248
9.2.2  查找所有數據項 248
9.2.3  保存數值和日期 249
9.2.4  保存對象 250
9.2.5  回響存儲變化 251
9.3  讀取檔案 253
9.3.1  取得檔案 254
9.3.2  瀏覽器對File API的支持
情況 254
9.3.3  讀取文本檔案 255
9.3.4  替換標準上傳控制項 257
9.3.5  一次讀取多個檔案 257
9.3.6  讀取圖片檔案 258
第10章  離線套用 261
10.1  通過描述檔案快取資源 262
10.1.1  創建描述檔案 262
10.1.2  使用描述檔案 264
10.1.3  把描述檔案放到Web
伺服器 265
10.1.4  更新描述檔案 267
10.1.5  瀏覽器對離線套用的支持
情況 269
10.2  實用快取技術 270
10.2.1  訪問未快取的檔案 270
10.2.2  添加後備內容 271
10.2.3  檢測連線 273
10.2.4  通過JavaScript指定更新 274
第11章  與Web伺服器通信 277
11.1  向Web伺服器傳送訊息 277
11.1.1  XMLHttpRequest對象 278
11.1.2  向Web伺服器提問 279
11.1.3  取得新內容 283
11.2  伺服器傳送事件 286
11.2.1  訊息格式 287
11.2.2  通過伺服器腳本傳送訊息 288
11.2.3  在網頁中處理訊息 289
11.2.4  輪詢伺服器端事件 291
11.3  Web Socket 292
11.3.1  訪問Web Socket 293
11.3.2  簡單的Web Socket客戶端 294
11.3.3  使用現成的Web Socket
伺服器 295
第12章  更酷的JavaScript技術 298
12.1  地理定位 298
12.1.1  地理定位的基本原理 299
12.1.2  查找訪客的坐標 301
12.1.3  處理錯誤 303
12.1.4  設定地理定位選項 305
12.1.5  顯示地圖 306
12.1.6  跟蹤訪客移動 309
12.2  Web Workers 309
12.2.1  費時的任務 311
12.2.2  把任務放在後台 313
12.2.3  處理Worker錯誤 316
12.2.4  取消後台任務 316
12.2.5  傳遞複雜訊息 317
12.3  歷史管理 320
12.3.1  URL問題 320
12.3.2  以往的解決方案:Hashbang
URL 321
12.3.3  HTML5的方案:會話歷史 322
12.3.4  瀏覽器對會話歷史的支持
情況 325
第四部分  附錄
附錄A  CSS簡明教程 328
附錄B  JavaScript簡明教程 342
check!

熱門詞條

聯絡我們