HTML5精粹

《HTML5精粹》是一本菲爾德編制，在2012年9月出版的書籍。本書詳盡地講解和分析了HTML5中的所有新特性和核心技術，能為有一定HTML基礎的讀者迅速提升HTML5開發技能提供絕佳指導。

基本介紹

• 書名：HTML5精粹
• 作者：菲爾德
• 頁數： 289
• 定價： 59
• 出版時間：2012-9

出版信息

副標題: 利用HTML5開發令人驚奇的Web站點和革命性套用

作者: 菲爾德

出版年: 2012-9

頁數: 289

定價: 59.00元

叢書: 華章程式設計師書庫

ISBN: 9787111397717

內容簡介

全書包含297個代碼示例和16個快速參考索引，極具實戰性和實用性。

《HTML5精粹:利用HTML5開發令人驚奇的Web站點和革命性套用》共16章：第1章介紹了HTML5文檔的基本組成、全局結構、主體，以及新舊元素對比；第2章和第3章講解了CSS的樣式設定、框模型，以及CSS3的核心屬性和新規則；第4章重點介紹了JavaScript的核心知識；第5章詳細介紹了HTML5中的音頻和視頻特性，以及如何在HTML5中創建視頻和音頻；第6章講解了HTML5中的各種表單（包含新增表達元素）及其新屬性，以及表單API；第7章介紹了Canvas的特性及其使用，以及Canvas的API；第8章探討了HTML5中的拖放操作及其API；第9章介紹了HTML5中的地理位置信息及其API；第10章講解了HTML5中的各種Web存儲技術，以及Web存儲API；第11章闡述了索引資料庫的具體操作、實現原理，以及它的API；第12章講解了HTML5中的檔案操作和檔案系統，以及檔案API；第13章介紹了HTML5中的Ajax、跨文檔訊息傳遞、Web套接字等通信技術的原理，以及它們的API；第14章講解了HTML5中Web Workers的使用方法和實現原理，以及它的API；第15章和第16章介紹了HTML5中的歷史接口和脫機功能，以及它們的API。

作者簡介

J.D. Gauchat，資深Web技術專家，對HTML5、CSS3、JavaScript和PHP等Web開發技術有非常深入的認識和理解，在該領域工作了10餘年，經驗十分豐富。他的這本著作被翻譯成西班牙語等多種文字，而且他還在Web開發領域發表了大量有影響力的技術文章。此外，他還是一位企業家，致力於在世界範圍內的市場中發現機遇。

目錄

譯者序

前言

第1章　HTML5文檔1

1.1　基本組成1

1.2　全局結構1

1.2.1　Doctype2

1.2.2　2

1.2.3　3

1.2.4　3

1.2.5　4

1.2.6　5

1.2.7　5

1.3　正文結構6

1.3.1　組織7

1.3.2　9

1.3.3　9

1.3.4　10

1.3.5　11

1.3.6　12

1.4　深入正文13

1.4.1　14

1.4.2　16

1.4.3　18

1.5　新舊元素20

1.5.1　20

1.5.2　20

1.5.3　21

1.5.4　21

1.5.5　21

1.6　快速參考—HTML5文檔22

第2章　CSS樣式設定與框模型24

2.1　CSS與HTML24

2.2　樣式與結構24

2.2.1　塊級元素25

2.2.2　框模型25

2.3　樣式設定基礎26

2.3.1　內聯樣式26

2.3.2　嵌入樣式27

2.3.3　外部檔案27

2.3.4　引用28

2.3.5　通過關鍵字引用28

2.3.6　通過id屬性引用29

2.3.7　通過class屬性引用29

2.3.8　通過任意屬性引用30

2.3.9　通過偽類引用31

2.3.10　新選擇器34

2.4　在模板上套用CSS35

2.5　傳統框模型35

2.5.1　模板35

2.5.2　全局選擇器*37

2.5.3　新的標題層次結構38

2.5.4　聲明新的HTML5元素38

2.5.5　居中顯示正文39

2.5.6　創建主框39

2.5.7　標頭40

2.5.8　導航欄40

2.5.9　節與邊欄41

2.5.10　頁腳42

2.5.11　最後一步44

2.5.12　框尺寸44

2.6　彈性框模型45

2.7　理解彈性框模型52

2.7.1　display53

2.7.2　box-orient53

2.7.3　box-direction54

2.7.4　box-ordinal-group54

2.7.5　box-pack56

2.7.6　box-flex57

2.7.7　box-align60

2.8　快速參考—CSS樣式設定與框模型61

2.8.1　彈性框模型61

2.8.2　偽類與選擇器62

第3章　CSS3屬性63

3.1　新規則63

3.1.1　強大的CSS363

3.1.2　模板63

3.1.3　圓角65

3.1.4　陰影效果66

3.1.5　文字陰影68

3.1.6　@font-face69

3.1.7　線性漸變70

3.1.8　放射漸變71

3.1.9　RGBA71

3.1.10　HSLA72

3.1.11　輪廓73

3.1.12　框線圖像73

3.1.13　轉換與轉變74

3.1.14　一次實現全部轉換77

3.1.15　動態轉換78

3.1.16　過渡78

3.2　快速參考—CSS3屬性79

第4章　JavaScript81

4.1　JavaScript相關性81

4.2　引入JavaScript81

4.2.1　內聯腳本81

4.2.2　嵌入腳本 82

4.2.3　外部檔案84

4.3　新選擇器84

4.3.1　querySelector()85

4.3.2　querySelectorAll()85

4.4　事件處理程式86

4.4.1　內聯事件處理程式87

4.4.2　在屬性中添加事件處理程式87

4.4.3　addEventListener()方法87

4.5　API88

4.5.1　Canvas API89

4.5.2　拖放API89

4.5.3　地理位置API89

4.5.4　存儲API89

4.5.5　檔案API90

4.5.6　通信API90

4.5.7　Web Workers API90

4.5.8　歷史API90

4.5.9　離線API91

4.6　外部庫91

4.6.1　jQuery91

4.6.2　Google Maps91

4.7　快速參考—JavaScript92

4.7.1　元素92

4.7.2　選擇器92

4.7.3　事件92

4.7.4　API92

第5章　視頻與音頻94

5.1　在HTML5中播放視頻94

5.1.1　元素95

5.1.2　屬性95

5.2　編程實現視頻播放器96

5.2.1　設計96

5.2.2　編碼98

5.2.3　事件98

5.2.4　方法99

5.2.5　屬性100

5.2.6　實際代碼100

5.3　視頻格式103

5.4　在HTML5中播放音頻103

5.5　編程實現音頻播放器105

5.6　快速參考—視頻與音頻105

5.6.1　元素105

5.6.2　內嵌屬性106

5.6.3　視頻屬性106

5.6.4 106

5.6.5　方法106

5.6.6　屬性107

第6章　表單與表單API108

6.1　HTML網頁表單108

6.1.1　元素108

6.1.2　元素109

6.1.3　電子郵件類型 109

6.1.4　搜尋類型109

6.1.5　URL類型110

6.1.6　電話號碼類型110

6.1.7　數字類型110

6.1.8　範圍類型110

6.1.9　日期類型111

6.1.10　周類型111

6.1.11　月份類型111

6.1.12　時間類型111

6.1.13　日期與時間類型112

6.1.14　本地日期與時間類型112

6.1.15　顏色類型112

6.2　新屬性112

6.2.1　placeholder屬性113

6.2.2　required屬性113

6.2.3　multiple屬性113

6.2.4　autofocus屬性113

6.2.5　pattern屬性114

6.2.6　form屬性114

6.3　新的表單元素114

6.3.1　元素115

6.3.2　元素115

6.3.3　元素115

6.3.4　元素115

6.4　表單API115

6.4.1　setCustomValidity()116

6.4.2　無效事件117

6.4.3　實時驗證119

6.4.4　有效性約束121

6.4.5　willValidate122

6.5　快速參考—表單與表單API122

6.5.1　類型122

6.5.2　屬性122

6.5.3　元素123

6.5.4　方法123

6.5.5　事件124

6.5.6　狀態124

第7章　Canvas API125

7.1　準備Canvas125

7.1.1　元素125

7.1.2　getContext()126

7.2　在Canvas上繪圖126

7.2.1　繪製矩形126

7.2.2　顏色127

7.2.3　漸變128

7.2.4　創建路徑129

7.2.5　線型134

7.2.6　文字135

7.2.7　陰影136

7.2.8　轉換137

7.2.9　恢復狀態139

7.2.10　globalCompositeOperation139

7.3　處理圖像141

7.3.1　drawImage()141

7.3.2　圖像數據142

7.3.3　圖案144

7.4　在Canvas上實現動畫145

7.5　在Canvas上處理視頻146

7.6　快速參考—Canvas API148

7.6.1　方法149

7.6.2　屬性151

第8章　拖放API152

8.1　Web拖放152

8.1.1　新的事件152

8.1.2　dataTransfer155

8.1.3　dragenter、dragleave與dragend156

8.1.4　選擇有效的源157

8.1.5　setDragImage()158

8.1.6　檔案160

8.2　快速參考—拖放API161

8.2.1　事件161

8.2.2　方法162

8.2.3　屬性162

第9章　地理位置API163

9.1　定位163

9.1.1　getCurrentPosition(location)163

9.1.2　getCurrentPosition(location, error)165

9.1.3　getCurrentPosition(location, error, configuration)166

9.1.4　watchPosition(location, error, configuration)167

9.1.5　Google Maps實戰168

9.2　快速參考—地理位置API169

9.2.1　方法169

9.2.2　對象170

第10章　Web存儲API171

10.1　兩個存儲系統171

10.2　sessionStorage172

10.2.1　數據存儲的實現172

10.2.2　創建數據173

10.2.3　讀取數據174

10.2.4　刪除數據175

10.3　localStorage176

10.3.1　storage事件177

10.3.2　存儲空間178

10.4　快速參考—Web存儲 API178

10.4.1　存儲類型179

10.4.2　方法179

10.4.3　屬性179

10.4.4　事件179

第11章　IndexedDB API180

11.1　底層API180

11.1.1　資料庫180

11.1.2　對象和對象庫181

11.1.3　索引181

11.1.4　事務182

11.1.5　對象庫方法182

11.2　實現IndexedDB183

11.2.1　模板183

11.2.2　打開資料庫184

11.2.3　資料庫版本185

11.2.4　對象庫和索引186

11.2.5　添加對象186

11.2.6　獲取對象187

11.2.7　完成代碼並測試188

11.3　列出數據188

11.3.1　游標188

11.3.2　修改順序190

11.4　刪除數據192

11.5　搜尋數據192

11.6　快速參考—IndexedDB API195

11.6.1　環境接口（IDBEnvironment和IDBFactory）195

11.6.2　資料庫接口（IDBDatabase）195

11.6.3　對象庫接口（IDBObjectStore）196

11.6.4　游標接口（IDBCursor）196

11.6.5　事務接口（IDBTransaction）197

11.6.6　範圍接口（IDBKeyRange-Constructors）197

11.6.7　錯誤接口（IDBDatabase-Exception）197

第12章　檔案199

12.1　檔案存儲199

12.2　處理用戶檔案199

12.2.1　模板200

12.2.2　讀取檔案201

12.2.3　檔案屬性202

12.2.4　blob203

12.2.5　事件205

12.3　創建檔案206

12.3.1　模板206

12.3.2　硬碟207

12.3.3　創建檔案208

12.3.4　創建目錄209

12.3.5　列出檔案210

12.3.6　處理檔案213

12.3.7　移動213

12.3.8　複製215

12.3.9　刪除216

12.4　檔案內容217

12.4.1　寫入內容217

12.4.2　添加內容219

12.4.3　讀取內容220

12.5　真實的檔案系統221

12.6　快速參考—檔案API225

12.6.1　Blob 接口（檔案API）225

12.6.2　File接口（檔案API）225

12.6.3　FileReader 接口（檔案API）225

12.6.4　LocalFileSystem 接口（檔案API：目錄和系統）226

12.6.5　FileSystem 接口（檔案API:目錄和系統）226

12.6.6　Entry接口（檔案API：目錄和系統）226

12.6.7　DirectoryEntry接口（檔案API：目錄和系統）226

12.6.8　DirectoryReader 接口（檔案API：目錄和系統）227

12.6.9　FileEntry接口（檔案API：目錄和系統）227

12.6.10　BlobBuilder接口（檔案API：寫入器）227

12.6.11　FileWriter 接口（檔案API：寫入器）227

12.6.12　FileError 接口（檔案API和擴展）228

第13章　通信API229

13.1　Ajax Level 2229

13.1.1　獲取數據229

13.1.2　回響屬性231

13.1.3　事件231

13.1.4　傳送數據233

13.1.5　跨源請求235

13.1.6　上傳檔案 235

13.1.7　真實應用程式237

13.2　跨文檔訊息傳遞240

13.2.1　構造函式240

13.2.2　訊息事件和屬性240

13.2.3　傳送訊息241

13.2.4　篩選器和跨源243

13.3　Web套接字245

13.3.1　WS伺服器的配置245

13.3.2　構造函式246

13.3.3　方法246

13.3.4　屬性246

13.3.5　事件247

13.3.6　模板247

13.3.7　開始通信248

13.3.8　完整應用程式249

13.4　快速參考—通信API250

13.4.1　XMLHttpRequest Level 2250

13.4.2　Web訊息傳遞API252

13.4.3　WebSocket API252

第14章　Web Workers API253

14.1　需要做的艱巨工作253

14.1.1　創建worker253

14.1.2　傳送和接收訊息253

14.1.3　檢測錯誤256

14.1.4　終止worker257

14.1.5　同步API258

14.1.6　導入腳本259

14.1.7　共享worker 260

14.2　快速參考—Web Workers API263

14.2.1　worker263

14.2.2　專用worker264

14.2.3　共享worker264

第15章　歷史API265

15.1　History 接口265

15.1.1　Web導航265

15.1.2　新增方法265

15.1.3　偽造URL266

15.1.4　跟蹤268

15.1.5　實例269

15.2　快速參考—歷史API272

第16章　脫機API273

16.1　快取代碼清單273

16.1.1　代碼清單檔案273

16.1.2　分類274

16.1.3　注釋274

16.1.4　使用代碼清單檔案275

16.2　脫機API276

16.2.1　錯誤276

16.2.2　在線上和脫機277

16.2.3　快取過程278

16.2.4　進度280

16.2.5　更新快取281

16.3　快速參考—脫機API283

16.3.1　代碼清單檔案283

16.3.2　屬性283

16.3.3　事件284

16.3.4　方法284

結束語285

3。