html5作為當(dāng)今最炙手可熱的web開發(fā)技術(shù)，憑借其強(qiáng)大的功能特性和跨平臺等優(yōu)勢，吸引了業(yè)內(nèi)開發(fā)人員的重點關(guān)注，掌握html5技術(shù)也成為web開發(fā)人員的一項必備技能。

　　 《html5開發(fā)手冊》采用菜譜的方式為html5新手以及有一定經(jīng)驗的用戶提供了一些專家級的建議和經(jīng)過測試的代碼示例，可以幫助其順利創(chuàng)建高質(zhì)量的html5應(yīng)用。《html5開發(fā)手冊》總共分為15章，先后講解了html5中新增的元素、瀏覽器對html5的支持、css3中的新布局和樣式、html5 web表單、多媒體技術(shù)、地理定位api、客戶端存儲、websocket api，以及集成設(shè)備數(shù)據(jù)等內(nèi)容。

　　 《html5開發(fā)手冊》內(nèi)容組織合理，示例豐富，適合對html5以及移動應(yīng)用開發(fā)感興趣的新手閱讀。對于有一定經(jīng)驗的web開發(fā)人員，《html5開發(fā)手冊》也極具參考價值。

html5開發(fā)手冊目錄：

第1章　html5中新的結(jié)構(gòu)元素　1

1.1　初學(xué)者“菜譜”：建立html5初始文件　1

1.1.1　doctype　2

1.1.2　字符編碼　2

1.1.3　javascript和css鏈接　2

1.1.4　語法編寫風(fēng)格　3

1.2　這些新元素從何而來　4

1.3　初學(xué)者“菜譜”：使用header元素建立網(wǎng)站標(biāo)頭　4

1.4　初學(xué)者“菜譜”：使用hgroup元素組合標(biāo)題　7

1.5　初學(xué)者“菜譜”：使用nav元素創(chuàng)建導(dǎo)航　7

1.6　中級“菜譜”：使用新article元素　10

1.7　中級“菜譜”：使用section元素對內(nèi)容分組　11

1.8　初學(xué)者“菜譜”：使用aside標(biāo)記創(chuàng)建側(cè)邊欄　13

1.9　初學(xué)者“菜譜”：使用footer元素　15

1.10　中級“菜譜”：使用html5大綱工具驗證結(jié)構(gòu)　17

1.11　高級“菜譜”：使用所有新標(biāo)記建立新聞頁面　19

1.12　高級“菜譜”：使用所有新元素來建立搜索結(jié)果頁面　23

1.13　小結(jié)　28

第2章　組合、文本級和重新定義的語義　29

.2.1　初學(xué)者“菜譜”：使用figure和figcaption元素插入圖片和圖注　29

2.2　初學(xué)者“菜譜”：使用time元素插入日期和時間　31

2.3　初學(xué)者“菜譜”：使用details元素創(chuàng)建可伸縮控件　32

2.4　初學(xué)者“菜譜”：使用address元素提供通信信息　34

2.5　初學(xué)者“菜譜”：使用mark元素高亮文本　35

2.6　初學(xué)者“菜譜”：使用s元素顯示不準(zhǔn)確或不相關(guān)的內(nèi)容　36

2.7　現(xiàn)存元素的變化　36

2.7.1　cite元素　37

2.7.2　ol元素　37

2.7.3　dl元素　39

2.7.4　small元素　41

2.7.5　b和strong元素　41

2.7.6　i和em元素　42

2.7.7　abbr元素　42

2.7.8　hr元素　43

2.7.9　不復(fù)存在的元素　43

2.8　初學(xué)者“菜譜”：為多個元素添加相同的超鏈接　43

2.9　中級“菜譜”：利用microdata添加語義信息　44

2.10　中級“菜譜”：在html5中使用wai-aria　46

2.11　高級“菜譜”：編寫帶有評論的文章頁面　48

2.12　小結(jié)　50

第3章　應(yīng)對瀏覽器的html5支持　51

3.1　初學(xué)者“菜譜”：ie支持問題　51

3.1.1　利用javascript解決html5兼容問題　51

3.1.2　使css兼容　52

3.2　模板　52

3.3　初學(xué)者“菜譜”：html5特性檢查　53

3.4　中級“菜譜”：使用jquery替代calendar標(biāo)記　54

3.5　中級“菜譜”：利用modernizr檢查特性　57

3.6　polyfilling　60

3.7　html5驗證網(wǎng)站　61

3.8　小結(jié)　62

第4章　css3新布局和樣式技巧　63

4.1　中級“菜譜”：使用css3媒介查詢(media query)建立響應(yīng)式設(shè)計　63

4.1.1　合理使用　69

4.1.2　目標(biāo)設(shè)備為iphone和android手機(jī)　69

4.2　初學(xué)者“菜譜”：使用@font-face進(jìn)行自定義字體　69

4.2.1　文件格式和跨瀏覽器問題　71

4.2.2　字體服務(wù)　72

4.3　中級“菜譜”：使用css漸變和復(fù)合背景創(chuàng)建按鈕　73

4.4　中級“菜譜”：使用變換和過渡以美化網(wǎng)站　76

4.5　高級“菜譜”：利用css創(chuàng)建動畫　81

4.6　小結(jié)　85

第5章　html5 web表單　87

5.1　驗證　87

5.2　html 4輸入類型　87

5.3　初學(xué)者“菜譜”：建立聯(lián)系人表單　89

5.3.1　input type="email"　89

5.3.2　input type="tel"　91

5.3.3　input type="url"　91

5.4　初學(xué)者“菜譜”：利用input type= "search"建立搜索表單　92

5.5　初學(xué)者“菜譜”：建立日歷和時間控件　93

5.5.1　input type="datetime"　93

5.5.2　input type="datetime-local"　94

5.5.3　input type="date"　94

5.5.4　input type="time"　94

5.5.5　input type="month"　95

5.5.6　input type="week"　95

5.5.7　限定日期和時間　96

5.6　初學(xué)者“菜譜”：創(chuàng)建數(shù)字選擇器　96

5.7　初學(xué)者“菜譜”：創(chuàng)建滑塊(無需javascript)　97

5.8　初學(xué)者“菜譜”：創(chuàng)建顏色選擇器　98

5.9　初學(xué)者“菜譜”：使用output元素顯示結(jié)果　98

5.10　初學(xué)者“菜譜”：使用占位文字(placeholder)　99

5.11　初學(xué)者“菜譜”：利用list和datalist完成自動補(bǔ)全功能　100

5.12　初學(xué)者“菜譜”：使用progress元素跟蹤任務(wù)完成程度　101

5.13　初學(xué)者“菜譜”：使用meter元素進(jìn)行計量　102

5.14　初學(xué)者“菜譜”：頁面載入時跳轉(zhuǎn)到某個form元素　103

5.15　初學(xué)者“菜譜”：允許多個條目　104

5.16　初學(xué)者“菜譜”：利用required屬性進(jìn)行基本驗證　105

5.17　中級“菜譜”：編寫自定義驗證規(guī)則　105

5.18　初學(xué)者“菜譜”：限制用戶輸入　106

5.18.1　step　106

5.18.2　min，max　106

5.18.3　formnovalidate，novalidate　107

5.19　中級“菜譜”：自定義表單樣式　107

5.20　錯誤消息　109

5.21　高級“菜譜”：綜合應(yīng)用以創(chuàng)建注冊表單　109

5.22　小結(jié)　113

第6章　canvas繪圖　115

6.1　canvas介紹　115

6.1.1　初始工作　116

6.1.2　x和y坐標(biāo)　117

6.2　初學(xué)者“菜譜”：在canvas上繪制網(wǎng)格　117

6.3　初學(xué)者“菜譜”：繪制簡單的圖形和線段　122

6.3.1　繪制長方形或正方形并設(shè)置樣式　122

6.3.2　為圖形添加漸變填充　123

6.3.3　繪制線段或路徑　124

6.4　中級“菜譜”：使用路徑繪制多邊形　126

6.5　中級“菜譜”：繪制弧形和圓形　129

6.6　初學(xué)者“菜譜”：添加文字　129

6.7　初學(xué)者“菜譜”：繪制圖片　130

6.8　中級“菜譜”：裁剪圖片　131

6.9　中級“菜譜”：子圖動畫　132

6.10　高級“菜譜”：為圖片添加動畫　136

6.11　高級“菜譜”：柱形圖表動畫　139

6.12　小結(jié)　145

第7章　html5嵌入視頻　147

7.1　初學(xué)者“菜譜”：使用video元素插入視頻　147

7.1.1　瀏覽器和設(shè)備支持　148

7.1.2　html5和視頻編碼　148

7.1.3　為何我們需要了解編碼　149

7.2　中級“菜譜”：在所有瀏覽器中使用視頻　150

7.2.1　為過時瀏覽器添加回滾內(nèi)容　150

7.2.2　新的視頻屬性　153

7.3　中級“菜譜”：為視頻創(chuàng)建字幕　155

7.4　媒體api　159

7.5　高級“菜譜”：創(chuàng)建自定義控件　160

7.6　小結(jié)　168

第8章　html5嵌入音頻　169

8.1　初學(xué)者“菜譜”：利用audio元素嵌入音頻　169

8.2　中級“菜譜”：在所有瀏覽器中使用音頻　170

8.3　新的音頻屬性　172

8.3.1　src屬性　172

8.3.2　preload屬性　172

8.3.3　loop屬性　172

8.3.4　autoplay屬性　172

8.3.5　controls屬性　173

8.4　媒體api　174

8.5　中級“菜譜”：創(chuàng)建混音器　175

8.6　高級“菜譜”：添加流媒體廣播　179

8.7　小結(jié)　187

第9章　修改瀏覽器歷史記錄　189

9.1　歷史記錄(history)基礎(chǔ)　189

9.2　初學(xué)者“菜譜”：使用pushstate添加歷史記錄　190

9.3　初學(xué)者“菜譜”：創(chuàng)建圖片查看器　193

9.4　中級“菜譜”：在圖片查看器中彈出狀態(tài)　195

9.5　初學(xué)者“菜譜”：使用replacestate修改歷史記錄　197

9.6　中級“菜譜”：修改頁面歷史記錄　199

9.7　高級“菜譜”：使用高級狀態(tài)數(shù)據(jù)在頁面間傳遞信息　201

9.8　中級“菜譜”：測試歷史記錄安全性　205

9.9　實用庫　208

9.10　小結(jié)　208

第10章　geolocation api位置感知　211

10.1　geolocation簡介　211

10.1.1　瀏覽器兼容性　212

10.1.2　獲取位置：getcurrentposition　212

10.2　初學(xué)者“菜譜”：簡單使用getcurrent-position獲取當(dāng)前位置　213

10.3　中級“菜譜”：使用getcurrentposition映射位置　216

10.4　中級“菜譜”：使用positionoptions確定距離　221

10.5　高級“菜譜”：使用watchposition跟隨移動中的位置　227

10.6　小結(jié)　234

第11章　客戶端存儲　235

11.1　客戶端存儲概要　235

11.1.1　數(shù)據(jù)安全　236

11.1.2　鍵與值：sessionstorage和localstorage　237

11.2　初學(xué)者“菜譜”：獲取和寫入會話存儲　238

11.3　初學(xué)者“菜譜”：使用會話存儲記錄樣式　241

11.4　中級“菜譜”：使用本地存儲保存表單　245

11.5　高級“菜譜”：捕獲本地存儲事件　249

11.6　web sql database api　256

11.7　高級“菜譜”：使用web數(shù)據(jù)庫創(chuàng)建貨物列表　259

11.8　小結(jié)　267

第12章　通信與線程　269

12.1　websocket api簡介　269

12.2　初學(xué)者“菜譜”：通過web sockets交流　270

12.3　通過web workers創(chuàng)建線程　274

12.4　初學(xué)者“菜譜”：創(chuàng)建web worker　275

12.5　中級“菜譜”：添加雙向通信　279

12.6　高級“菜譜”：利用共享web worker　282

12.7　小結(jié)　288

第13章　html5中的瀏覽器體驗　289

13.1　拖放api　289

13.2　初學(xué)者“菜譜”：div間拖放　290

13.3　高級“菜譜”：利用事件和datatransfer　294

13.4　應(yīng)用程序緩存和api　302

13.4.1　瀏覽器緩存安全　303

13.4.2　引用清單(manifest)文件　303

13.5　初學(xué)者“菜譜”：創(chuàng)建清單文件　303

13.5.1　cache　304

13.5.2　fallback　304

13.5.3　network　305

13.5.4　更新緩存　305

13.6　初學(xué)者“菜譜”：離線使用頁面　306

13.7　應(yīng)用緩存api　308

13.8　通知(notification)api　309

13.8.1　通知權(quán)限　310

13.8.2　瀏覽器兼容性　310

13.9　初學(xué)者“菜譜”：顯示簡單的通知　311

13.10　高級“菜譜”：創(chuàng)建tweet通知頁面　314

13.11　小結(jié)　322

第14章　使用本地文件　323

14.1　file api介紹　323

14.2　初學(xué)者“菜譜”：獲取文件屬性　324

14.3　初學(xué)者“菜譜”：拖放、處理多個文件　326

14.4　filereader接口　330

14.5　中級“菜譜”：使用readasdataurl預(yù)覽圖片　331

14.6　高級“菜譜”：使用readastext解析csv文件　335

14.7　file api擴(kuò)展規(guī)范　342

14.8　高級“菜譜”：創(chuàng)建本地文件　344

14.9　小結(jié)　349

第15章　整合設(shè)備數(shù)據(jù)　351

15.1　設(shè)備api簡史　351

15.2　通訊錄api　352

15.3　初學(xué)者“菜譜”：獲取所有聯(lián)系人和手機(jī)號碼　354

15.4　messaging api　357

15.5　network information api　358

15.6　電池狀態(tài)事件　358

15.7　html media capture　359

15.8　中級“菜譜”：使用file input捕獲圖片　359

15.9　設(shè)備方向和移動事件　363

15.10　中級“菜譜”：創(chuàng)建水準(zhǔn)儀　364

15.11　小結(jié)　368