本書(shū)針對(duì)HTML 5技術(shù)進(jìn)行深入剖析和全面講解,內(nèi)容涵蓋HTML 5語(yǔ)義特性、HTML 5 Form表單、Canvas和SVG繪圖、多媒體API、本地存儲(chǔ)、文件API、ServerSent Events、WebSocket和Notification通信、離線應(yīng)用、XMLHttpRequest Level 2、Web Worker多線程、Geolocation位置定位等技術(shù)。
由于HTML 5中的部分技術(shù)需要使用服務(wù)端來(lái)運(yùn)行,故推薦HBuilder工具進(jìn)行編碼。在HBuilder工具中內(nèi)置一個(gè)小型服務(wù)器,在瀏覽頁(yè)面時(shí)服務(wù)器將自動(dòng)啟動(dòng),操作簡(jiǎn)單、易用。關(guān)于ServerSent Events、WebSocket、離線應(yīng)用和XMLHttpRequest Level 2等技術(shù)需要與服務(wù)端進(jìn)行交互,本書(shū)應(yīng)用案例中分別使用Java Web和Node.js作為服務(wù)端技術(shù)來(lái)實(shí)現(xiàn)客戶端和服務(wù)端之間的數(shù)據(jù)交互。
本書(shū)重點(diǎn)突出、強(qiáng)調(diào)動(dòng)手操作能力,以案例驅(qū)動(dòng)(共給出180個(gè)案例),使讀者能夠快速理解并掌握各項(xiàng)重點(diǎn)知識(shí),全面提高分析問(wèn)題、解決問(wèn)題以及動(dòng)手編碼的能力。
本書(shū)可作為高等學(xué)校計(jì)算機(jī)科學(xué)與技術(shù)、軟件外包、計(jì)算機(jī)軟件、計(jì)算機(jī)網(wǎng)絡(luò)、電子商務(wù)等專業(yè)相關(guān)課程的教材,也可作為培訓(xùn)機(jī)構(gòu)的教材。
本書(shū)從淺到深逐步講解,通過(guò)語(yǔ)法、示例、案例層進(jìn)方式闡釋HTML 5新特性。通過(guò)精彩案例,綜合應(yīng)用多種HTML 5技術(shù),從而實(shí)現(xiàn)知識(shí)是基礎(chǔ),能力是目標(biāo),且部分案例給出視頻講解。服務(wù)端使用JavaWeb和NodeJS兩種技術(shù),本書(shū)適用于Java程序員和Web前端開(kāi)發(fā)人員。
目錄
第1章HTML 5入門(mén)
1.1HTML 5概述
1.1.1HTML 5發(fā)展歷程
1.1.2HTML 5八大特性
1.2HTML 5現(xiàn)狀
1.2.1瀏覽器對(duì)HTML 5的支持情況
1.2.2檢查瀏覽器支持情況
1.3HTML 5的變化
1.3.1HTML 5標(biāo)記方式的改進(jìn)
1.3.2HTML 5廢棄的元素
1.3.3HTML 5新增的元素
1.4HTML 5全局屬性
本章總結(jié)
本章練習(xí)
第2章HTML 5文檔結(jié)構(gòu)
2.1HTML 5文檔結(jié)構(gòu)元素
2.1.1article元素
2.1.2section元素
2.1.3nav元素
2.1.4header和hgroup元素
2.1.5aside元素
2.1.6footer元素
2.2HTML 5其他新增元素
2.3改良后的標(biāo)簽
2.4HTML 5拖放API
本章總結(jié)
本章練習(xí)
第3章HTML 5表單
3.1HTML 5表單概述
3.2HTML 5表單的改良
3.2.1HTML 5表單控件
3.2.2HTML 5表單屬性
3.2.3HTML 5表單控件屬性
3.2.4HTML 5表單驗(yàn)證
本章總結(jié)
本章練習(xí)
第4章Canvas繪圖
4.1Canvas元素
4.1.1HTMLCanvasElement
4.1.2CanvasRenderingContext2D
4.1.3Canvas坐標(biāo)系
4.2繪制矩形
4.3繪制文本
4.4繪制路徑
4.5繪制圖像
4.5.1圖像加載
4.5.2像素處理
4.5.3圖像平鋪
4.6圖形合成
4.7圖形變換
4.8圖形漸變
本章總結(jié)
本章練習(xí)
第5章SVG繪圖
5.1SVG概述
5.1.1SVG發(fā)展歷程
5.1.2SVG特點(diǎn)
5.1.3SVG的使用
5.2SVG基本數(shù)據(jù)類型
5.3SVG框架元素
5.4SVG形狀元素
5.5SVG路徑
5.6SVG樣式
5.6.1SVG元素使用樣式
5.6.2SVG文件引用樣式
5.7文本內(nèi)容
5.8漸變填充
5.9濾鏡元素
5.10動(dòng)畫(huà)與事件響應(yīng)
本章總結(jié)
本章練習(xí)
第6章多媒體API
6.1多媒體概述
6.1.1多媒體格式
6.1.2HTML 5對(duì)多媒體的支持
6.2HTML 5多媒體元素
6.3多媒體API的使用
6.4攝像頭的捕獲
6.5視頻截圖
本章總結(jié)
本章練習(xí)
第7章本地存儲(chǔ)
7.1Cookie技術(shù)
7.2Web Storage
7.2.1Session
Storage
7.2.2Local
Storage
7.2.3Storage
Event
7.3Indexed Database
7.3.1IndexedDB
API
7.3.2Indexed數(shù)據(jù)操作
7.3.3Indexed檢索
本章總結(jié)
本章練習(xí)
第8章文件API
8.1文件API概述
8.2File API
8.2.1Blob接口
8.2.2File接口
8.2.3FileList接口
8.2.4FileReader接口
8.2.5URL接口
8.3FileWriter API
8.4FileSystem API
8.4.1申請(qǐng)磁盤(pán)配額
8.4.2請(qǐng)求訪問(wèn)系統(tǒng)
8.4.3文件操作
8.4.4目錄操作
本章總結(jié)
本章練習(xí)
第9章ServerSent Events
9.1ServerSent Events概述
9.1.1MessageEvent接口
9.1.2EventSource接口
9.2基于Servlet的動(dòng)態(tài)圖形報(bào)表
9.2.1服務(wù)端的實(shí)現(xiàn)
9.2.2客戶端的實(shí)現(xiàn)
9.3基于Node.js的動(dòng)態(tài)圖形報(bào)表
9.3.1服務(wù)端的實(shí)現(xiàn)
9.3.2客戶端的實(shí)現(xiàn)
本章總結(jié)
本章練習(xí)
第10章WebSocket和Notification
10.1WebSocket概述
10.1.1WebSocket接口
10.1.2基于Java的WebSocket示例
10.1.3基于Node.js的WebSocket示例
10.2Notification概述
10.3網(wǎng)絡(luò)聊天室
10.3.1聊天室客戶端公共模塊
10.3.2基于Java的網(wǎng)絡(luò)聊天室
10.3.3基于Node.js的網(wǎng)絡(luò)聊天室
本章總結(jié)
本章練習(xí)
第11章離線應(yīng)用和XHR 2
11.1離線應(yīng)用
11.1.1manifest文件
11.1.2applicationCache對(duì)象
11.1.3Browser
State
11.1.4Web應(yīng)用的交互過(guò)程
11.2XMLHttpRequest
11.2.1XMLHttpRequest
Level 1
11.2.2XMLHttpRequest
Level 2
11.2.3基于Java的拍照上傳
11.2.4基于Node.js的拍照上傳
本章總結(jié)
本章練習(xí)
第12章Web Worker和地理位置
12.1Web Worker概述
12.1.1Worker接口
12.1.2Worker線程嵌套
12.1.3SharedWorker接口
12.2地理位置
12.3百度地圖API
本章總結(jié)
本章練習(xí)
附錄AHTML 5新增和棄用標(biāo)簽
附錄BNPM工具