HTML 5實戰

《HTML 5實戰》是2011年11月10日機械工業出版社出版的圖書。

陶國榮編著的《HTML5實戰》是一本系統而全面的HTML 5教程，根據HTML 5標準的最新草案，系統地對HTML 5的所有重要知識點進行了全面的講解。在寫作方式上，本書以一種開創性的方式使理論與實踐達到極好的平衡，不僅對理論知識進行了清晰而透徹的闡述，而且根據讀者理解這些知識的需要，精心設計了106個完整（每個案例分為功能描述、實現代碼、效果展示和代碼分析4個部分）的實戰案例，旨在幫助讀者通過實踐的方式迅速掌握這些知識。

基本介紹

• 書名：HTML 5實戰
• ISBN： 7111358732, 9787111358732
• 頁數：307頁
• 出版社：機械工業出版社
• 出版時間：第1版 (2011年11月10日)
• 開本：16

圖書信息

出版社: 機械工業出版社; 第1版 (2011年11月10日)

平裝: 307頁

正文語種: 簡體中文

開本: 16

ISBN: 7111358732, 9787111358732

條形碼: 9787111358732

尺寸: 24 x 18.6 x 1.4 cm

重量: 544 g

內容簡介

《HTML5實戰》共11章，內容涵蓋了HTML 5的各個方面。第1章通過實現一個簡單的HTML 5頁面講解了如何搭建支持HTML 5的瀏覽器環境、HTML 5頁面所具備的特徵，以及如何檢測瀏覽器對HTML 5的各種特性的支持情況；第2章介紹了HTML 5中常用的互動元素，包括內容互動元素、選單互動元素和狀態互動元素等幾大類；第3章介紹了HTML根元素、文檔元素，以及與腳本、節點、分組內容、文本層次語義、嵌入內容、公共屬性相關的重要元素；第4章和第5章講解了HTML 5中的表單和檔案的功能特性以及常見的各種操作；第6章和第7章講解了HTML 5中的音頻、視頻和繪圖相關的知識，重點講解了各種常見的操作和使用方法；第8章和第9章講解了HTML 5中的數據存儲和離線套用；第10章對Web Sockets、Geolocation、Web Workers、元素的拖放等重要內容進行了全面的講解。

本書適合所有想系統學習HTML 5的讀者閱讀。如果按照本書的順序逐章閱讀，同時親自動手實現本書中的案例，相信一定能達到事半功倍的效果。

目錄

前言

第1章 擁抱HTML5

1.1 一個簡單的HTML5頁面

1.1.1 搭建支持的瀏覽器環境

1.1.2 檢測瀏覽器是否支持HTML5標記

1.1.3 使用HTML5結構編寫一個簡單的Web頁面

1.2 HTML5頁面的特徵

1.2.1 套用全新的HTML5特徵結構化元素

1.2.2 使用CSS檔案美化HTML5新元素

1.3 本章小結

第2章 HTML5中常用的互動元素

2.1 內容互動元素

2.1.1 details元素

2.1.2 summary元素

2.2 選單互動元素

2.2.1 menu元素

2.2.2 command元素

2.3 狀態互動元素

2.3.1 progress元素

2.3.2 meter元素

2.4 本章小結

第3章 HTML5中的重要元素

3.1 html根元素

3.2 文檔元素

3.3 腳本

3.4 節點

3.4.1 section元素

3.4.2 nav元素

3.4.3 hgroup元素

3.4.4 address元素

3.5 分組內容

3.5.1 ul元素

3.5.2 ol元素

3.5.3 dl元素

3.6 文本層次語義

3.6.1 time元素

3.6.2 mark元素

3.6.3 cite元素

3.7 嵌入內容

3.7.1 img元素

3.7.2 iframe元素

3.7.3 object元素

3.8 公共屬性

3.8.1 draggable屬性

3.8.2 hidden屬性

3.8.3 spellcheck屬性

3.8.4 contenteditable屬性

3.9 本章小結

第4章 HTML5中的表單

4.1 input元素的新增類型

4.1.1 email郵件類型

4.1.2 url地址類型

4.1.3 number數字類型

4.1.4 range數字滑動條

4.1.5 date日期類型

4.1.6 search搜尋類型

4.2 input元素新增的公用屬性

4.2.1 autofocus屬性

4.2.2 pattern屬性

4.2.3 placeholder屬性

4.2.4 required屬性

4.3 新增表單元素

4.3.1 datalist元素

4.3.2 output元素

4.3.3 keygen元素

4.4 表單新增的驗證方法和屬性

4.4.1 checkValidity顯式驗證法

4.4.2 使用setCustomValidity方法修改提示信息

4.4.3 表單的novalidate屬性

4.5 本章小結

第5章 HTML5中的檔案

5.1 選擇檔案

5.1.1 選擇單個檔案

5.1.2 選擇多個檔案

5.1.3 使用Blob接口獲取檔案的類型與大小

5.1.4 通過類型過濾選擇的檔案

5.1.5 通過accept屬性過濾選擇檔案的類型

5.2 使用FileReader接口讀取檔案

5.2.1 FileReader接口的方法

5.2.2 使用readAsDataURL方法預覽圖片

5.2.3 使用readAsText方法讀取文本檔案

5.2.4 偵聽FileReader接口中的事件

5.3 使用DataTransfer對象拖放上傳圖片檔案

5.4 檔案讀取時的錯誤與異常

5.4.1 發生錯誤與異常的條件

5.4.2 錯誤代碼說明

5.5 本章小結

第6章 HTML5中的視頻和音頻

6.1 多媒體元素基本屬性

6.1.1 元素格式

6.1.2 width與height屬性

6.1.3 controls屬性

6.1.4 poster屬性

6.1.5 networkState屬性

6.1.6 error屬性

6.1.7 其他屬性

6.2 多媒體元素常用方法

6.2.1 媒體播放時的方法

6.2.2 canPlayType方法

6.3 多媒體元素重要事件

6.3.1 媒體播放事件

6.3.2 timeupdate事件

6.3.3 其他事件

6.4 本章小結

第7章 HTML5繪圖基礎

7.1 畫布的基礎知識

7.1.1 canvas元素的基本用法

7.1.2 繪製帶框線矩形

7.1.3 繪製漸變圖形

7.2 在畫布中使用路徑

7.2.1 moveTo與lineTo的用法

7.2.2 使用arc方法繪製圓形

7.2.3 繪製漸變圓形

7.3 對畫布中圖形的操作

7.3.1 變換圖形原點坐標

7.3.2 組合多個圖形

7.3.3 添加圖形陰影

7.4 處理畫布中的圖像

7.4.1 繪製圖像

7.4.2 平鋪圖像

7.4.3 切割圖像

7.4.4 處理像素

7.5 畫布的其他套用

7.5.1 繪製文字

7.5.2 保存、恢復及輸出圖形

7.5.3 製作簡單的動畫

7.6 本章小結

第8章 HTML5中的數據存儲

8.1 WebStorage存儲簡介

8.1.1 sessionStorage對象

8.1.2 localStorage對象

8.2 localStorage詳解

8.2.1 清空localStorage數據

8.2.2 遍歷localStorage數據

8.2.3 使用JSON對象存取數據

8.2.4 管理localStorage數據

8.3 WebSQL資料庫基礎

8.3.1 打開與創建資料庫

8.3.2 執行事務

8.3.3 插入數據

8.3.4 數據管理

8.4 本章小結

第9章 HTML5中的離線套用

9.1 離線應用程式

9.1.1 manifest檔案簡介

9.1.2 配置IIS伺服器

9.1.3 離線套用的開發過程

9.2 本地快取的更新及狀態檢測

9.2.1 updateready事件

9.2.2 update方法

9.2.3 swapCache方法

9.2.4 更新本地快取時觸發的其他事件

9.3 檢測線上狀態

9.3.1 onLine屬性

9.3.2 online與offline事件

9.3.3 離線數據互動套用開發過程

9.4 本章小結

第10章 HTML5中的其他套用型API

10.1 WebSocketsAPI

10.1.1 postMessage方法

10.1.2 使用WebSocket傳送數據

10.1.3 使用WebSocket傳送JSON對象

10.2 GeolocationAPI

10.2.1 使用getCurrentPosition方法獲取當前地理位置

10.2.2 使用Google地圖鎖定位置

10.3 WebWorkersAPI

10.3.1 Worker對象處理執行緒

10.3.2 使用執行緒傳遞JSON對象

10.3.3 使用執行緒嵌套互動數據

10.4 本章小結

第11章 HTML5中元素的拖放

11.1 拖放基礎

11.1.1 使用JavaScript代碼實現拖放

11.1.2 在HTML5中實現拖放時觸發的事件

11.2 dataTransfer對象套用詳解

11.2.1 使用setData與getData方法存入與讀取拖放數據

11.2.2 使用setDragImage方法設定拖放圖示

11.2.3 使用effectAllowed與dropEffect屬性設定拖放效果

11.3 拖放套用實戰

11.3.1 購物車的實現

11.3.2 相冊的管理

11.4 本章小結

實例目錄

實例1-1 檢測瀏覽器是否支持HTML5

實例1-2 Hello,World頁面的實現

實例1-3 頁面分欄實現

實例1-4 樣式化頁面實現

實例2-1 互動元素的使用

實例2-2 用腳本控制互動元素的使用

實例2-3 互動元素與的結合使用

實例2-4 互動元素的使用

實例2-5 互動元素與的結合使用

實例2-6 互動元素的使用

實例2-7 互動元素的使用

實例3-1 元素的使用

實例3-2 元素的使用

實例3-3 元素與的使用

實例3-4 元素的使用

實例3-5 元素的使用

實例3-6 元素的使用

實例3-7 公共屬性draggable的使用

實例3-8 公共屬性hidden的使用

實例3-9 公共屬性spellcheck的使用

實例3-10 公共屬性contenteditable的使用

實例4-1 email類型的元素的使用

實例4-2 url類型的元素的使用

實例4-3 number類型的元素的使用

實例4-4 range類型的元素實現顏色選擇器

實例4-5 分類展示不同形式的選擇日期

實例4-6 search類型的元素的使用

實例4-7 元素中autofocus屬性的使用

實例4-8 元素中pattern屬性的使用

實例4-9 元素中placeholder屬性的使用

實例4-10 元素中required屬性的使用

實例4-11 元素的使用

實例4-12 元素的使用

實例4-13 元素的使用

實例4-14 調用表單的checkValidity方法

實例4-15 調用表單的setCustomValidity方法

實例4-16 表單中novalidate屬性的使用

實例5-1 選擇單個檔案上傳

實例5-2 選擇多個檔案上傳

實例5-3 獲取上傳檔案的類型與大小

實例5-4 通過類型過濾上傳檔案

實例5-5 通過accept屬性過濾上傳檔案的類型

實例5-6 使用readAsDataURL方法預覽圖片

實例5-7 使用readAsText方法讀取文本檔案

實例5-8 展示檔案讀取時觸發事件的先後順序

實例5-9 使用DataTransfer對象拖放上傳圖片檔案

實例6-1 使用多媒體元素播放檔案

實例6-2 設定元素的大小與樣式

實例6-3 設定元素的控制條工具屬性

實例6-4 設定元素的poster屬性

實例6-5 獲取元素networkState屬性的返回值

實例6-6 獲取元素error屬性的返回值

實例6-7 自定義元素控制條工具列

實例6-8 使用canPlayType方法檢測瀏覽器支持媒體類型

實例6-9 獲取多媒體元素在播放事件中的不同狀態

實例6-10 通過timeupdate事件動態顯示媒體檔案播放時間

實例7-1 使用元素繪製正方形

實例7-2 使用元素繪製帶框線的矩形

實例7-3 使用元素繪製有漸變色的圖形

實例7-4 使用moveTo與lineTo方法繪製多條直線

實例7-5 使用arc方法繪製多個不同樣式的圓形

實例7-6 使用元素繪製徑向漸變的圓形

實例7-7 使用元素移動、縮放、旋轉圖形

實例7-8 使用元素設定多圖形組合顯示的方式

實例7-9 使用元素添加繪製圖形陰影

實例7-10 使用drawImage方法在畫布中繪製圖像

實例7-11 使用createPattern方法在畫布中平鋪圖像

實例7-12 使用clip方法在畫布中切割圖像

實例7-13 使用getImageData與putImageData方法處理圖像像素

實例7-14 使用fillText與strokeText方法繪製文字

實例7-15 在畫布中保存、恢復及輸出圖形

實例7-16 在畫布中製作簡單的動畫

實例8-1 使用sessionStorage對象保存與讀取臨時數據

實例8-2 使用localStorage對象保存與讀取登錄用戶名與密碼

實例8-3 清空localStorage對象保存的全部數據

實例8-4 遍歷localStorage對象保存的全部數據

實例8-5 使用JSON對象存取數據

實例8-6 管理localStorage數據

實例8-7 使用openDatabase打開與創建資料庫

實例8-8 使用transaction方法執行事務

實例8-9 使用executeSql方法插入記錄

實例8-10 使用executeSql方法管理數據記錄

實例9-1 開發一個簡單的離線套用

實例9-2 監測updateready事件觸發

實例9-3 使用update方法更新本地快取

實例9-4 使用swapCache方法更新本地快取

實例9-5 檢測離線套用在載入過程中觸發的事件

實例9-6 通過onLine屬性檢測網路的當前狀態

實例9-7 通過online與offline事件檢測網路的當前狀態

實例9-8 開發一個離線留言數據互動套用

實例10-1 使用postMessage方法實現跨文檔傳輸數據

實例10-2 使用WebSocket對象傳送數據

實例10-3 使用WebSocket傳送JSON對象

實例10-4 使用getCurrentPosition方法獲取出錯數據信息

實例10-5 使用getCurrentPosition方法獲取地理位置信息

實例10-6 使用Google地圖鎖定位置

實例10-7 使用Worker對象處理執行緒

實例10-8 使用執行緒傳遞JSON對象

實例10-9 使用執行緒嵌套互動數據

實例11-1 使用JavaScript代碼實現元素拖放

實例11-2 元素在拖放過程中觸發的事件

實例11-3 使用setData與getData方法存入與讀取拖放數據

實例11-4 使用setDragImage方法設定拖放圖示

實例11-5 使用effectAllowed與dropEffect屬性設定拖放效果

實例11-6 使用拖放API將商品拖入購物車

實例11-7 使用拖放API將圖片拖入資源回收筒