前言
第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 交互元素
[