HTML5 Web開發最佳實踐使用CSS JavaScript和多媒體

基本介紹

• 書名：HTML5 Web開發最佳實踐 使用CSS JavaScript和多媒體
• 作者：(美)Mark J. Collins
• 譯者：王淨、范園芳
• ISBN：9787302486985
• 頁數：495
• 定價：98元
• 出版社：清華大學出版社 
• 出版時間：2018.01.01
• 裝幀：平裝
• 開本：16開
• 印刷日期：2017.11.23

內容簡介

《HTML5 Web開發最佳實踐　使用CSS JavaScript和多媒體》通過大量的實例以及最佳實踐 的見解深入介紹了HTML5，包括標記、樣式設計和腳本。你將快速地理解標記元素，並學會在使用這些元素時如何套用最新的CSS3功能創建賞心悅目的Web頁面。 　

圖書目錄

第Ⅰ部分　HTML5技術

第1章超文本標記語言3

1.1HTML文檔3

1.1.1元素4

1.1.2DOCTYPE4

1.1.3特性5

1.1.4各種各樣的結構規則5

1.1.5html元素6

1.2head元素6

1.2.1title元素6

1.2.2meta元素7

1.2.3script元素8

1.2.4link元素8

1.2.5style元素11

1.2.6base元素12

1.3小結12

第2章級聯樣式表15

2.1樣式設計指導15

2.1.1組織內容15

2.1.2套用樣式16

2.1.3CSS3規範17

2.2CSS概念17

2.2.1選擇器17

2.2.2聲明18

2.2.3單位18

2.3優先權21

2.3.1樣式表來源21

2.3.2特殊性規則22

2.3.3關鍵字!important23

2.4盒子模型23

2.5廠商前綴24

2.6style特性25

2.7小結25

第3章JavaScript要素29

3.1JavaScript介紹29

3.1.1對象29

3.1.2構造函式30

3.1.3原型32

3.2繼承32

3.2.1使用原型33

3.2.2使用Create34

3.2.3使用類關鍵字35

3.2.4重寫成員36

3.3屬性37

3.3.1數組37

3.3.2特性38

3.3.3特殊類型39

3.4其他主題39

3.4.1比較運算符39

3.4.2變數作用域40

3.4.3嚴格模式41

3.4.4函式42

3.4.5上下文43

3.4.6立即調用的函式45

3.4.7命名空間45

3.4.8異常47

3.4.9承諾47

3.5數組方法49

3.5.1訪問元素49

3.5.2輸出數組50

3.5.3操作元素50

3.5.4搜尋52

3.5.5創建子集53

3.5.6處理54

3.6小結55

第Ⅱ部分HTML

第4章結構化HTML元素59

4.1內容類別59

4.2節內容60

4.2.1section60

4.2.2article60

4.2.3aside61

4.2.4nav61

4.2.5address61

4.3大綱62

4.3.1顯性節62

4.3.2文檔標題64

4.3.3header和footer65

4.3.4規劃頁面布局65

4.4節根66

4.4.1blockquote66

4.4.2details66

4.4.3figure67

4.5分組元素68

4.5.1段落68

4.5.2水平規則68

4.5.3預格式化(pre)68

4.5.4main69

4.5.5div69

4.6列表元素70

4.6.1列表70

4.6.2描述列表72

4.7內聯框架74

4.8已棄用的元素75

4.8.1hgroup75

4.8.2dir75

4.8.3frame和frameset75

4.9小結76

第5章短語HTML元素81

5.1突出顯示文本81

5.1.1重要性(strong)82

5.1.2強調(em)82

5.1.3關聯(mark)82

5.1.4交替聲音(i)83

5.1.5細則(small)84

5.1.6刪除線(s)84

5.1.7文體突出(b)85

5.1.8無法明確表達(u)86

5.1.9元素複習86

5.2其他語義短語87

5.2.1代碼、樣本、鍵盤和變數87

5.2.2縮寫和定義88

5.2.3下標和上標89

5.2.4time90

5.3編輯90

5.4引用91

5.5span93

5.6添加回車93

5.6.1換行93

5.6.2單詞換行時機94

5.6.3連字元95

5.7雙向文本96

5.7.1文本方向96

5.7.2流動方向96

5.7.3緊緊包裹98

5.7.4使用隔離98

5.7.5覆蓋方向99

5.8ruby99

5.9小結100

第6章表格HTML元素101

6.1簡單表格101

6.2列和行標題102

6.3列組103

6.4表標題和頁腳105

6.5跨越單元格106

6.6小結110

第7章嵌入式HTML元素111

7.1錨111

7.2圖像112

7.2.1多個來源113

7.2.2圖像映射116

7.3音頻117

7.3.1使用本機控制項118

7.3.2檔案格式119

7.4視頻120

7.5軌道122

7.6HTML5外掛程式124

7.7小結125

第8章HTML表單元素127

8.1概述127

8.2表單元素127

8.2.1表單動作128

8.2.2表單方法129

8.2.3附加特性130

8.3輸入元素130

8.3.1文本表單數據130

8.3.2選擇元素135

8.3.3其他類型138

8.3.4日期和時間數據142

8.4其他可視元素145

8.4.1label145

8.4.2output元素146

8.4.3meter元素146

8.4.4progress元素148

8.5按鈕類型148

8.6組織表單149

8.7驗證150

8.8小結151

第Ⅲ部分CSS

第9章CSS選擇器155

9.1選擇器概述155

9.1.1元素選擇器155

9.1.2類選擇器156

9.1.3ID選擇器156

9.1.4特性選擇器156

9.1.5偽類選擇器157

9.1.6偽元素159

9.2使用組合選擇符160

9.2.1組合元素和類選擇器160

9.2.2偽類選擇器160

9.2.3組合運算符160

9.2.4not選擇器161

9.2.5組運算符162

9.2.6解決衝突162

9.3媒體查詢162

9.3.1媒體特性163

9.3.2使用媒體查詢164

9.4小結164

第10章定位內容165

10.1display165

10.2定義大小167

10.2.1絕對大小167

10.2.2相對大小168

10.2.3設定最大值168

10.2.4基於內容169

10.2.5IE的變通方法170

10.2.6min-content示例171

10.2.7盒子大小調整172

10.3float174

10.3.1清除浮動175

10.3.2包含浮動177

10.4內聯塊178

10.5定位179

10.5.1相對定位180

10.5.2絕對定位182

10.5.3固定定位182

10.6z-index183

10.7內容居中184

10.8小結185

第11章文本樣式187

11.1字型187

11.1.1獲取字型187

11.1.2字型系列189

11.1.3字型設定190

11.1.4簡寫符號195

11.2文本格式化195

11.2.1水平對齊196

11.2.2縮進196

11.2.3溢出196

11.2.4引號197

11.2.5陰影197

11.2.6大小寫198

11.3間距和對齊199

11.3.1基本間距199

11.3.2處理空白199

11.3.3垂直對齊200

11.4break202

11.4.1單詞換行202

11.4.2分頁符203

11.5游標203

11.6小結204

第12章框線和背景205

12.1框線205

12.1.1基本樣式205

12.1.2單個邊207

12.1.3半徑208

12.1.4使用圖像209

12.1.5漸變213

12.2陰影216

12.3輪廓217

12.4背景218

12.4.1圖像特性218

12.4.2裁剪220

12.4.3背景簡寫220

12.4.4示例221

12.5小結223

第13章對表格進行樣式設計225

13.1對表格進行樣式設計225

13.1.1基本表格樣式226

13.1.2其他表格樣式232

13.2使用CSS創建表格235

13.2.1display特性236

13.2.2CSS表格演示237

13.2.3套用239

13.3樣式列表244

13.3.1類型244

13.3.2圖像245

13.3.3位置246

13.3.4簡寫246

13.4小結246

第14章Flexbox247

14.1容器配置247

14.1.1flex方向247

14.1.2flex換行249

14.1.3對齊250

14.1.4對齊項目252

14.2項目配置252

14.2.1增長與收縮253

14.2.2順序257

14.2.3重寫對齊方式257

14.3垂直示例258

14.4小結259

第15章動畫與變形261

15.1動畫261

15.1.1關鍵幀261

15.1.2配置動畫262

15.1.3貝塞爾曲線265

15.2過渡266

15.3變形269

15.3.1移動269

15.3.2旋轉269

15.3.3縮放270

15.3.4傾斜271

15.3.5演示271

15.3.63D變形273

15.4小結274

第Ⅳ部分JavaScript

第16章瀏覽器環境279

16.1瀏覽器對象模型279

16.1.1screen280

16.1.2location281

16.1.3history282

16.1.4navigator283

16.2window對象284

16.2.1控制台285

16.2.2快取288

16.2.3瀏覽器界面元素290

16.2.4計時器290

16.3小結291

第17章視窗對象293

17.1創建視窗293

17.1.1彈出視窗阻止程式294

17.1.2重新使用視窗295

17.1.3配置參數295

17.1.4操作視窗297

17.2模態對話框視窗300

17.2.1標準的彈出對話框300

17.2.2自定義模態對話框301

17.3框架303

17.3.1簡單示例304

17.3.2訪問框架305

17.3.3使用sandbox305

17.4小結306

第18章DOM元素307

18.1文檔對象模型307

18.1.1元素繼承308

18.1.2簡單示例309

18.2基本的DOM操作309

18.2.1查找元素309

18.2.2創建元素310

18.2.3移動元素311

18.2.4修改元素312

18.3相關元素313

18.4使用jQuery314

18.4.1基本知識314

18.4.2操作DOM元素315

18.5小結317

第19章動態樣式設計319

19.1更改樣式表319

19.1.1啟用樣式表319

19.1.2選擇樣式表321

19.1.3備用樣式表322

19.1.4使用樣式元素323

19.2修改規則324

19.3修改類326

19.4修改內聯樣式327

19.4.1使用CSSStyleDeclaration327

19.4.2設定樣式屬性328

19.4.3使用setAttribute329

19.5計算的樣式329

19.6小結330

第20章事件331

20.1初始示例331

20.2事件傳播333

20.3未註冊事件336

20.4事件接口336

20.4.1常用的事件屬性337

20.4.2取消事件337

20.5探索事件338

20.6小結339

第Ⅴ部分高級套用

第21章音頻和視頻343

21.1概述343

21.2自定義音頻控制項344

21.2.1支持播放和暫停345

21.2.2支持進度和查找346

21.2.3控制音量347

21.2.4調整樣式348

21.2.5更改音頻源349

21.3自定義視頻控制項349

21.4小結351

第22章可縮放矢量圖形353

22.1SVG介紹353

22.1.1添加一些簡單的形狀353

22.1.2添加樣式354

22.2使用SVG圖像檔案355

22.2.1創建SVG圖像356

22.2.2使用SVG背景356

22.3創建互動式地圖357

22.3.1使用path元素357

22.3.2實現初始地圖360

22.4對州元素進行樣式設計361

22.4.1使用基本填充顏色361

22.4.2使用漸變填充363

22.4.3使用背景圖像364

22.4.4使用JavaScript更改

樣式365

22.5添加動畫367

22.6小結369

第23章畫布371

23.1創建一個西洋棋棋盤371

23.1.1繪製矩形372

23.1.2使用漸變374

23.1.3使用圖像374

23.1.4添加簡單動畫380

23.2建立太陽系模型382

23.2.1使用路徑383

23.2.2繪製圓弧383

23.2.3使用變換384

23.2.4保存上下文狀態385

23.2.5繪製太陽系386

23.2.6套用縮放389

23.3裁剪畫布390

23.4了解合成391

23.5小結394

第24章拖放397

24.1理解拖動和放置397

24.1.1處理事件397

24.1.2使用數據傳輸對象399

24.1.3啟用可拖動元素400

24.2創建跳棋應用程式401

24.2.1創建項目401

24.2.2繪製跳棋棋盤401

24.3添加拖放功能404

24.3.1允許放置405

24.3.2執行自定義放置操作405

24.3.3提供視覺反饋407

24.4執行遊戲規則409

24.4.1驗證移動409

24.4.2晉升為王413

24.4.3依次移動414

24.5使用高級功能418

24.5.1更改拖動圖像418

24.5.2在視窗之間拖動419

24.6小結420

第25章IndexedDB421

25.1介紹IndexedDB421

25.1.1使用對象存儲422

25.1.2定義資料庫423

25.1.3異步處理423

25.1.4使用事務425

25.2創建應用程式425

25.2.1創建Web項目425

25.2.2繪製畫布426

25.2.3配置棋子427

25.3創建資料庫429

25.3.1打開資料庫429

25.3.2定義資料庫結構430

25.4繪製棋子433

25.4.1使用游標433

25.4.2獲取單個對象435

25.4.3測試應用程式435

25.5移動棋子437

25.5.1定義移動437

25.5.2轉換位置438

25.5.3完成一次移動439

25.5.4獲取對象鍵440

25.5.5執行更新441

25.5.6啟動動畫442

25.6跟蹤被捕獲的棋子443

25.7小結444

第26章地理定位和映射447

26.1理解地理定位447

26.1.1測量地理位置技術447

26.1.2使用地理位置數據448

26.2使用地理定位API448

26.2.1創建Web項目448

26.2.2使用地理定位對象449

26.2.3顯示位置451

26.3使用映射平台452

26.3.1創建BingMaps賬戶453

26.3.2添加地圖454

26.3.3添加圖釘456

26.4小結459

附錄AAjax461

附錄B拖放原始碼465

附錄C參考資料471