基本信息
作者:陶國榮(作者)出版社: 機械工業出版社; 第1版 (2011年11月10日)
平裝: 307頁
開本: 16
ISBN: 9787111358732
內容簡介
本書由資深Web開發專家親自執筆,內容的權威性上應該是毋庸置疑的。
本書在內容結構上將繼承《jQuery權威指南》一書的優點,幾乎每個知識點都將配一個精心設計的案例,以便於讀者融會貫通和動手實踐,這將是本書區別於現有同類書的一個最大特點。全書一共分為10章,全書以HTML 5的使用環境和基本特徵開篇,依次詳細地講解了HTML 5中新增的互動元素、重要元素、表單與檔案、視頻與音頻、繪畫、數據存儲、離線套用、網路套用和拖放等核心內容。
媒體推薦
IT技術的世界永遠都是瞬息萬變的,幾年前,無論是技術界、產業界,還是媒體界,都一致看好RIA技術的發展與前途。但是短短几年之後,HTML 5的出現使這一格局發生了顛覆性的變化。Adobe希望通過收購PhoneGap來延續Flash的生命並實現在HTML 5時代的完美轉型,Microsoft則將Silverlight的命運寄托在了Windows Phone身上。
HTML 5的盛行是大勢所趨,作為技術人員的你,如果不想被時代所拋棄,建議趁早擁抱HTML 5帶來的變革。如果要學習HTML 5,在現有的同類書中,本書應該是一個絕佳的選擇。它不僅講了最新的HTML 5技術,而且內容十分全面,很適合系統地學習。除此之外,本書還有一個很大的特色,幾乎每個知識點都配有一個完整的案例,每個案例包括功能描述、實現代碼、效果展示和代碼分析等幾個部分,非常便於讀者一邊學習一邊實踐,從而提高學習效率。
—— 51CTO(www-51cto-com)
無論是瀏覽器廠商,還是大型的網際網路企業,都在HTML 5上做了重要的戰略部署,能否在HTML 5時代Hold住,也許會決定企業未來的命運。作為技術人員,我們需要掌握的技能永遠都要隨著市場的需求而變化,HTML 5必將盛行,我們應該未雨綢繆。如何才能又好又快地從巨觀和微觀上掌握HTML 5的最新技術?本書是一個不錯的選擇!它內容全面,既適合作為系統學習的教材,又適合在開發時參考。同時,書中提供的106個案例為我們動手實踐提供了豐富的素材。強烈推薦!
—— HTML 5用戶組
作者的上一本書《jQuery權威指南》憑藉優質的內容和創新性的寫作方式而得到了讀者的一致好評,並取得了不錯的銷售成績,這在原創圖書中的確不多見。在內容上,本書在理論和實踐上都非常突出,系統全面,實戰性強;在寫作方式上,本書繼承了《jQuery權威指南》的優點,而且一些細節之處還有所改進,相信將進一步提高讀者的學習體驗。值得期待!
—— HTML51(www-html51-com)
作者簡介
陶國榮 資深Web技術專家,有十餘年開發經驗,是國內較早專業從事Web開發的一線技術人員和培訓講師。一直致力於HTML、JavaScript、CSS、jQuery等Web開發技術的研究和實踐,在HTML頁面的最佳化與用戶體驗的研究領域,以及頁面框架搭建、數據流向分析、頁面靜態最佳化等方面都擁有豐富的實踐經驗。自HTML 5的草案發布以來,一直密切關注HTML 5的發展,堅持在實際工作中學習與研究,並進行實踐。他還是微軟技術方面的專家,精通C#、ASP-NET和SQL Server等技術。
此外,他還是一位知名的技術作家,出版了多部技術著作,其中《jQuery權威指南》是他的代表作之一,這本書憑藉過硬的質量和良好的學習體驗獲得了廣大讀者的高度評價,並取得了驕人的銷售成績。
目錄
前 言
第1章 擁抱HTML 5 /1
1.1 一個簡單的HTML 5頁面 /2
1.1.1 搭建支持的瀏覽器環境 /2
1.1.2 檢測瀏覽器是否支持HTML 5標記 /2
1.1.3 使用HTML 5結構編寫一個簡單的Web頁面 /4
1.2 HTML 5頁面的特徵 /6
1.2.1 套用全新的HTML 5特徵結構化元素 /6
1.2.2 使用CSS檔案美化HTML 5新元素 /9
1.3 本章小結 /10
第2章 HTML 5中常用的互動元素 /11
2.1 內容互動元素 /12
2.1.1 details 元素 /12
2.1.2 summary元素 /16
2.2 選單互動元素 /17
2.2.1 menu元素 /17
2.2.2 command元素 /20
2.3 狀態互動元素 /23
2.3.1 progress元素 /24
2.3.2 meter元素 /26
2.4 本章小結 /28
第3章 HTML 5中的重要元素 /29
3.1 html根元素 /30
3.2 文檔元素 /32
3.3 腳本 /34
3.4 節點 /37
3.4.1 section 元素 /37
3.4.2 nav 元素 /38
3.4.3 hgroup 元素 /38
3.4.4 address 元素 /38
3.5 分組內容 /39
3.5.1 ul 元素 /39
3.5.2 ol 元素 /40
3.5.3 dl 元素 /41
3.6 文本層次語義 /42
3.6.1 time 元素 /42
3.6.2 mark 元素 /43
3.6.3 cite 元素 /45
3.7 嵌入內容 /46
3.7.1 img元素 /46
3.7.2 iframe元素 /47
3.7.3 object元素 /48
3.8 公共屬性 /48
3.8.1 draggable屬性 /48
3.8.2 hidden屬性 /50
3.8.3 spellcheck屬性 /51
3.8.4 contentEditable屬性 /53
3.9 本章小結 /55
第4章 HTML 5中的表單 /57
4.1 input元素的新增類型 /58
4.1.1 email郵件類型 /58
4.1.2 url地址類型 /60
4.1.3 number數字類型 /62
4.1.4 range數字滑動條 /64
4.1.5 date日期類型 /66
4.1.6 search搜尋類型 /69
4.2 input元素新增的公用屬性 /71
4.2.1 autofocus 屬性 /71
4.2.2 pattern 屬性 /73
4.2.3 placeholder 屬性 /75
4.2.4 required 屬性 /76
4.3 新增表單元素 /78
4.3.1 datalist 元素 /78
4.3.2 output 元素 /80
4.3.3 keygen 元素 /81
4.4 表單新增的驗證方法和屬性 /83
4.4.1 checkValidity顯式驗證法 /83
4.4.2 使用setCustomValidity方法修改提示信息 /85
4.4.3 表單的novalidate屬性 /87
4.5 本章小結 /89
第5章 HTML 5中的檔案 /91
5.1 選擇檔案 /92
5.1.1 選擇單個檔案 /92
5.1.2 選擇多個檔案 /93
5.1.3 使用Blob接口獲取檔案的類型與大小 /95
5.1.4 通過類型過濾選擇的檔案 /97
5.1.5 通過accept屬性過濾選擇檔案的類型 /99
5.2 使用FileReader接口讀取檔案 /101
5.2.1 FileReader 接口的方法 /101
5.2.2 使用 readAsDataURL方法預覽圖片 /101
5.2.3 使用 readAsText方法讀取文本檔案 /104
5.2.4 偵聽FileReader接口中的事件 /106
5.3 使用DataTransfer對象拖放上傳圖片檔案 /109
5.4 檔案讀取時的錯誤與異常 /112
5.4.1 發生錯誤與異常的條件 /112
5.4.2 錯誤代碼說明 /113
5.5 本章小結 /114
第6章 HTML 5中的視頻和音頻 /115
6.1 多媒體元素基本屬性 /116
6.1.1 元素格式 /116
6.1.2 width與height屬性 /117
6.1.3 controls屬性 /119
6.1.4 poster屬性 /121
6.1.5 networkState 屬性 /122
6.1.6 error 屬性 /124
6.1.7 其他屬性 /127
6.2 多媒體元素常用方法 /131
6.2.1 媒體播放時的方法 /131
6.2.2 canPlayType 方法 /133
6.3 多媒體元素重要事件 /136
6.3.1 媒體播放事件 /136
6.3.2 timeupdate 事件 /138
6.3.3 其他事件 /140
6.4 本章小結 /141
第7章 HTML 5繪圖基礎 /143
7.1 畫布的基礎知識 /144
7.1.1 Canvas元素的基本用法 /144
7.1.2 繪製帶框線矩形 /146
7.1.3 繪製漸變圖形 /148
7.2 在畫布中使用路徑 /151
7.2.1 moveTo與LineTo的用法 /151
7.2.2 使用arc方法繪製圓形 /153
7.2.3 繪製漸變圓形 /157
7.3 對畫布中圖形的操作 /160
7.3.1 變換圖形原點坐標 /160
7.3.2 組合多個圖形 /163
7.3.3 添加圖形陰影 /166
7.4 處理畫布中的圖像 /168
7.4.1 繪製圖像 /168
7.4.2 平鋪圖像 /171
7.4.3 切割圖像 /174
7.4.4 處理像素 /176
7.5 畫布的其他套用 /179
7.5.1 繪製文字 /179
7.5.2 保存、恢復及輸出圖形 /182
7.5.3 製作簡單的動畫 /185
7.6 本章小結 /188
第8章 HTML 5中的數據存儲 /189
8.1 Web Storage存儲簡介 /190
8.1.1 sessionStorage對象 /190
8.1.2 localStorage對象 /192
8.2 localStorage詳解 /196
8.2.1 清空localStorage數據 /196
8.2.2 遍歷localStorage數據 /199
8.2.3 使用JSON對象存取數據 /202
8.2.4 管理localStorage數據 /205
8.3 Web SQL資料庫基礎 /210
8.3.1 打開與創建資料庫 /210
8.3.2 執行事務 /212
8.3.3 插入數據 /215
8.3.4 數據管理 /218
8.4 本章小結 /225
第9章 HTML 5中的離線套用 /227
9.1 離線應用程式 /228
9.1.1 manifest 檔案簡介 /228
9.1.2 配置IIS伺服器 /229
9.1.3 離線套用的開發過程 /231
9.2 本地快取的更新及狀態檢測 /233
9.2.1 updateready事件 /234
9.2.2 update方法 /236
9.2.3 swapCache方法 /239
9.2.4 更新本地快取時觸發的其他事件 /241
9.3 檢測線上狀態 /244
9.3.1 onLine 屬性 /244
9.3.2 online 與offline事件 /246
9.3.3 離線數據互動套用開發過程 /249
9.4 本章小結 /254
第10章 HTML 5中的其他套用型API /255
10.1 Web Sockets API /256
10.1.1 postMessage方法 /256
10.1.2 使用WebSocket 傳送數據 /260
10.1.3 使用WebSocket 傳送JSON對象 /263
10.2 Geolocation API /267
10.2.1 使用 getCurrentPosition方法獲取當前地理位置 /267
10.2.2 使用Google地圖鎖定位置 /273
10.3 Web Workers API /275
10.3.1 Worker對象處理執行緒 /276
10.3.2 使用執行緒傳遞JSON對象 /279
10.3.3 使用執行緒嵌套互動數據 /281
10.4 本章小結 /284
第11章 HTML 5中元素的拖放 /285
11.1 拖放基礎 /286
11.1.1 使用JavaScript代碼實現拖放 /286
11.1.2 在HTML 5中實現拖放時觸發的事件 /288
11.2 dataTransfer對象套用詳解 /291
11.2.1 使用setData與getData方法存入與讀取拖放數據 /292
11.2.2 使用setDragImage方法設定拖放圖示 /295
11.2.3 使用effectAllowed與dropEffect屬性設定拖放效果 /297
11.3 拖放套用實戰 /300
11.3.1 購物車的實現 /300
11.3.2 相冊的管理 /304
11.4 本章小結 /307
實 例 目 錄
實例1-1 檢測瀏覽器是否支持HTML 5 /2
實例1-2 Hello,World頁面的實現 /4
實例1-3 頁面分欄實現 /6
實例1-4 樣式化頁面實現 /9
實例2-1 互動元素的使用 /13
實例2-2 用腳本控制互動元素的使用 /14
實例2-3 互動元素與的結合使用 /16
實例2-4 互動元素 的使用 /18
實例2-5 互動元素與 的結合使用 /20
實例2-6 互動元素的使用 /24
實例2-7 互動元素的使用 /26
實例3-1 元素的使用 /30
實例3-2 元素的使用 /33
實例3-3 元素