第1章 HTML5概述
1.1 HTML5發(fā)展史
1.2 關(guān)于2022年的那個(gè)神話
1.3 誰(shuí)在開(kāi)發(fā)HTML5
1.4 新的認(rèn)識(shí)
1.4.1 兼容性和存在即合理
1.4.2 效率和用戶優(yōu)先
1.4.3 化繁為簡(jiǎn)
1.4.4 通用訪問(wèn)
1.5 無(wú)插件范式
1.6 HTML5的新功能
1.6.1 新的DOCTYPE和字符集
1.6.2 新元素和舊元素
1.6.3 語(yǔ)義化標(biāo)記
1.6.4 使用Selectors API簡(jiǎn)化選取操作
1.6.5 JavaScript日志和調(diào)試
1.6.6 window.JSON
1.6.7 DOM Level
1.6.8 Monkeys、Squirrelfish和其他JavaScript引擎
1.7 小結(jié)
第2章 Canvas API
2.1 HTML5 Canvas概述
2.1.1 歷史
2.1.2 canvas是什么
2.1.3 canvas坐標(biāo)
2.1.4 什么情況下不用canvas
2.1.5 替代內(nèi)容
2.1.6 CSS和canvas
2.1.7 瀏覽器對(duì)HTML5 Canvas的支持情況
2.2 使用HTML5 Canvas
2.2.1 檢測(cè)瀏覽器支持情況
2.2.2 在頁(yè)面中加入canvas
2.2.3 變換
2.2.4 路徑
2.2.5 描邊樣式
2.2.6 填充樣式
2.2.7 填充矩形區(qū)域
2.2.8 繪制曲線
2.2.9 在canvas中插入圖片
2.2.10 漸變
2.2.11 背景圖
2.2.12 縮放canvas對(duì)象
2.2.13 Canvas變換
2.2.14 Canvas文本
2.2.15 應(yīng)用陰影
2.2.16 像素?cái)?shù)據(jù)
2.2.17 Canvas的安全機(jī)制
2.3 使用HTML5 Canvas創(chuàng)建應(yīng)用
2.3.1 進(jìn)階功能之全頁(yè)玻璃窗
2.3.2 進(jìn)階功能之為Canvas動(dòng)畫(huà)計(jì)時(shí)
2.4 小結(jié)
第3章 SVG
3.1 SVG概述
3.1.1 歷史
3.1.2 理解SVG
3.1.3 可縮放圖形
3.1.4 使用SVG創(chuàng)建2D圖形
3.1.5 在頁(yè)面中添加SVG
3.1.6 簡(jiǎn)單的形狀
3.1.7 變換SVG元素
3.1.8 復(fù)用內(nèi)容
3.1.9 圖案和漸變
3.1.10 SVG路徑
3.1.11 使用SVG文本
3.1.12 組合場(chǎng)景
3.2 使用SVG創(chuàng)建交互式應(yīng)用
3.2.1 添加樹(shù)
3.2.2 添加updateTrees函數(shù)
3.2.3 添加removeTree函數(shù)
3.2.4 添加CSS樣式
3.2.5 最終代碼
3.3 小結(jié)
第4章 音頻和視頻
4.1 HTML5 Audio和Video概述
4.1.1 視頻容器
4.1.2 音頻和視頻編解碼器
4.1.3 HTML5 Audio和Video的限制
4.1.4 audio元素和video元素的瀏覽器支持情況
4.2 使用HTML5 Audio和Video
4.2.1 瀏覽器支持性檢測(cè)
4.2.2 可訪問(wèn)性
4.2.3 理解媒體元素
4.2.4 使用audio元素
4.2.5 使用video元素
4.2.6 進(jìn)階功能
4.3 小結(jié)
第5章 Geolocation API
5.1 位置信息
5.1.1 緯度和經(jīng)度坐標(biāo)
5.1.2 位置信息從何而來(lái)
5.1.3 IP地址地理定位數(shù)據(jù)
5.1.4 GPS地理定位數(shù)據(jù)
5.1.5 Wi-Fi地理定位數(shù)據(jù)
5.1.6 手機(jī)地理定位數(shù)據(jù)
5.1.7 用戶自定義的地理定位數(shù)據(jù)
5.2 HTML5 Geolocation的瀏覽器支持情況
5.3 隱私
5.3.1 觸發(fā)隱私保護(hù)機(jī)制
5.3.2 處理位置信息
5.4 使用HTML5 Geolocation
5.4.1 瀏覽器支持性檢查
5.4.2 位置請(qǐng)求
5.5 使用HTML5 Geolocation構(gòu)建應(yīng)用
5.5.1 編寫(xiě)HTML顯示代碼
5.5.2 處理Geolocation數(shù)據(jù)
5.5.3 最終代碼
5.6 進(jìn)階功能
5.6.1 現(xiàn)在的狀態(tài)是什么
5.6.2 在Goolge Map上顯示“我在這里”
5.7 小結(jié)
第6章 Communication API
6.1 跨文檔消息通信
6.1.1 理解源安全
6.1.2 跨文檔消息通信的瀏覽器支持情況
6.1.3 使用postMessage API
6.1.4 使用postMessage API創(chuàng)建應(yīng)用
6.2 XMLHttpRequest Level
6.2.1 跨源XMLHttpRequest
6.2.2 進(jìn)度事件
6.2.3 HTML5 XMLHttpRequestLevel
6.2.4 使用XMLHttpRequest API
6.2.5 創(chuàng)建XMLHttpRequest應(yīng)用
6.3 進(jìn)階功能
6.3.1 結(jié)構(gòu)化的數(shù)據(jù)
6.3.2 Framebusting
6.4 小結(jié)
第7章 WebSockets API
7.1 WebSockets概述
7.1.1 實(shí)時(shí)和HTTP
7.1.2 解讀WebSockets
7.2 編寫(xiě)簡(jiǎn)單的Echo WebSocket服務(wù)器
7.3 使用HTML5 WebSockets
7.3.1 瀏覽器支持情況檢測(cè)
7.3.2 API的基本用法
7.4 創(chuàng)建HTML5 WebSockets應(yīng)用程序
7.4.1 編寫(xiě)HTML文件
7.4.2 添加WebSocket代碼
7.4.3 添加Geolocation代碼
7.4.4 合并所有內(nèi)容
7.4.5 最終代碼
7.5 小結(jié)
第8章 Forms API
8.1 HTML5 Forms概述
8.1.1 HTML Forms與XForms
8.1.2 功能性表單
8.1.3 HTML5 Forms的瀏覽器支持情況
8.1.4 輸入型控件目錄
8.2 使用HTML5 Forms
8.2.1 新的表單特性和函數(shù)
8.2.2 表單驗(yàn)證
8.2.3 驗(yàn)證反饋
8.3 構(gòu)建HTML5 Forms應(yīng)用
8.4 小結(jié)
第9章 拖放
9.1 Web拖放發(fā)展史
9.2 HTML5拖放概述
9.2.1 藍(lán)圖
9.2.2 需要記住的事件
9.2.3 設(shè)置元素可拖動(dòng)
9.2.4 傳輸和控制
9.3 構(gòu)建拖放應(yīng)用
9.4 拖放文件
9.5 進(jìn)階功能
9.6 小結(jié)
第10章 Web Workers
10.1 Web Workers的瀏覽器支持情況
10.2 使用Web Workers
10.2.1 瀏覽器支持性檢查
10.2.2 創(chuàng)建Web Workers
10.2.3 多個(gè)JavaScript文件的加載與執(zhí)行
10.2.4 與HTML5 Web
10.3 編寫(xiě)主頁(yè)
10.3.1 處理錯(cuò)誤
10.3.2 停止Web Workers
10.3.3 Web Workers的嵌套使用
10.3.4 使用定時(shí)器
10.3.5 示例代碼
10.4 構(gòu)建Web Workers應(yīng)用
10.4.1 編寫(xiě)blur.js輔助腳本
10.4.2 編寫(xiě)blur.html應(yīng)用頁(yè)面
10.4.3 編寫(xiě)blurWorker.js
10.4.4 與Web Worker通信
10.4.5 運(yùn)行程序
10.4.6 示例代碼
10.5 小結(jié)
第11章 Web Storage
11.1 HTML5 Web
11.2 Web Storage的瀏覽器支持情況
11.3 使用Web Storage
11.3.1 檢查瀏覽器的支持性
11.3.2 設(shè)置和獲取數(shù)據(jù)
11.3.3 封堵數(shù)據(jù)泄漏
11.3.4 localStorage與sessionStorage
11.3.5 Web Storage
11.3.6 更新Web Storage后的通信
11.3.7 探索Web Storage
11.4 構(gòu)建Web Storage應(yīng)用
11.5 瀏覽器數(shù)據(jù)庫(kù)存儲(chǔ)展望
11.5.1 Web SQL
11.5.2 索引數(shù)據(jù)庫(kù)API
11.6 進(jìn)階功能
11.6.1 JSON對(duì)象的存儲(chǔ)
11.6.2 共享窗口
11.7 小結(jié)
第12章 構(gòu)建離線Web應(yīng)用
12.1 HTML5離線Web應(yīng)用概述
12.2 使用HTML5離線Web應(yīng)用API
12.2.1 檢查瀏覽器的支持情況
12.2.2 搭建簡(jiǎn)單的離線應(yīng)用程序
12.2.3 支持離線行為
12.2.4 manifest文件
12.2.5 applicationCache API
12.2.6 運(yùn)行中的應(yīng)用緩存
12.3 使用HTML5離線Web應(yīng)用構(gòu)建應(yīng)用
12.3.1 創(chuàng)建記錄資源的manifest文件
12.3.2 創(chuàng)建構(gòu)成界面的HTML和CSS
12.3.3 創(chuàng)建離線JavaScript
12.3.4 檢查applicationCache的支持情況
12.3.5 為Update按鈕添加處理函數(shù)
12.3.6 添加Geolocation跟蹤代碼
12.3.7 添加Storage功能代碼
12.3.8 添加離線事件處理程序
12.4 小結(jié)
第13章 HTML5未來(lái)展望
13.1 HTML5的瀏覽器支持情況
13.2 HTML未來(lái)的發(fā)展
13.2.1 WebGL
13.2.2 設(shè)備
13.2.3 音頻數(shù)據(jù)API
13.2.4 觸摸屏設(shè)備事件
13.2.5 P2P網(wǎng)絡(luò)
13.2.6 最終方向
13.3 小結(jié)