第1章 初步認(rèn)識(shí)HTML 5 1
1.1 認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站 2
1.1.1 網(wǎng)頁(yè) 2
1.1.2 網(wǎng)站 3
1.2 Web標(biāo)準(zhǔn)布局介紹 4
1.2.1 為什么使用Web標(biāo)準(zhǔn) 4
1.2.2 CSS布局標(biāo)準(zhǔn) 5
1.3 HTML與HTML 5 6
1.3.1 HTML發(fā)展歷史 6
1.3.2 HTML 4.01和XHTML 7
1.3.3 HTML和XHTML的文檔
類(lèi)型定義 8
1.3.4 從XHTML到HTML 5 10
1.3.5 HTML 5的優(yōu)勢(shì) 10
1.4 HTML 5語(yǔ)法變化 12
1.4.1 DOCTYPE聲明 12
1.4.2 命名空間聲明 13
1.4.3 編碼類(lèi)型 13
1.4.4 文檔媒體類(lèi)型 14
1.4.5 HTML 5兼容HTML 15
1.5 綜合應(yīng)用實(shí)例：瀏覽器HTML 5
性能測(cè)試 18
本章小結(jié) 20
習(xí)題 20
第2章 HTML 5網(wǎng)頁(yè)結(jié)構(gòu) 21
2.1 認(rèn)識(shí)html根元素 22
2.2 文檔頭部元素 22
2.3 結(jié)構(gòu)元素 25
2.3.1 header元素 26
2.3.2 article元素 27
2.3.3 section元素 28
2.3.4 aside元素 29
2.3.5 footer元素 31
2.4 節(jié)點(diǎn)元素 31
2.4.1 nav元素 31
2.4.2 hgroup元素 32
2.4.3 address元素 33
2.5 語(yǔ)義元素 33
2.5.1 mark元素 34
2.5.2 cite元素 35
2.5.3 time元素 35
2.5.4 wbr元素 35
2.5.5 ruby、rt和rp元素 36
2.6 交互元素 36
2.6.1 meter元素 36
2.6.2 progress元素 38
2.6.3 details元素 39
2.6.4 summary元素 40
2.7 全局屬性 41
2.7.1 hidden屬性 41
2.7.2 contenteditable屬性 42
2.7.3 spellcheck屬性 43
2.8 綜合應(yīng)用實(shí)例：設(shè)計(jì)旅游網(wǎng)站
首頁(yè) 44
本章小結(jié) 50
習(xí)題 50
第3章 HTML 5表單應(yīng)用 53
3.1 重新認(rèn)識(shí)HTML表單 54
3.1.1 表單簡(jiǎn)介 54
3.1.2 表單標(biāo)記 54
3.2 新增輸入類(lèi)型 55
3.2.1 url類(lèi)型 56
3.2.2 number類(lèi)型 57
3.2.3 email類(lèi)型 58
3.2.4 range類(lèi)型 58
3.2.5 datepickers類(lèi)型 59
3.2.6 color類(lèi)型 61
3.2.7 tel類(lèi)型 61
3.2.8 search類(lèi)型 62
3.3 新增屬性 62
3.3.1 表單類(lèi)屬性 62
3.3.2 輸入類(lèi)屬性 64
3.4 表單元素 69
3.4.1 datalist元素 69
3.4.2 keygen元素 70
3.4.3 output元素 71
3.4.4 optgroup元素 72
3.5 表單驗(yàn)證 73
3.5.1 自動(dòng)驗(yàn)證 73
3.5.2 顯式驗(yàn)證 74
3.5.3 自定義驗(yàn)證 76
3.5.4 取消驗(yàn)證 76
3.6 綜合應(yīng)用實(shí)例：設(shè)計(jì)用戶(hù)錄入表單 77
本章小結(jié) 81
習(xí)題 81
第4章 HTML 5多媒體應(yīng)用 83
4.1 多媒體簡(jiǎn)介 84
4.2 播放視頻 85
4.2.1 video元素基礎(chǔ)用法 85
4.2.2 video元素方法 87
4.2.3 video元素事件 88
4.3 播放音頻 90
4.3.1 audio元素基礎(chǔ)用法 90
4.3.2 audio元素事件 91
4.4 綜合應(yīng)用實(shí)例：網(wǎng)頁(yè)視頻播放器 92
本章小結(jié) 97
習(xí)題 98
第5章 HTML 5繪圖應(yīng)用 99
5.1 認(rèn)識(shí)canvas元素 100
5.1.1 canvas簡(jiǎn)介 100
5.1.2 創(chuàng)建canvas元素 100
5.1.3 綜合應(yīng)用實(shí)例：判斷瀏覽器
是否支持canvas元素 101
5.2 繪制簡(jiǎn)單圖形 101
5.2.1 繪制矩形 102
5.2.2 繪制直線 104
5.2.3 繪制圓形 107
5.2.4 綜合應(yīng)用實(shí)例：
繪制三角形 109
5.2.5 保存和恢復(fù)圖形 111
5.2.6 輸出圖形 112
5.3 繪制文本 113
5.3.1 繪制普通文本 113
5.3.2 繪制陰影文本 115
5.4 變換圖形 116
5.4.1 坐標(biāo)變換 117
5.4.2 矩陣變換 120
5.4.3 組合圖形 122
5.4.4 線性漸變 124
5.4.5 徑向漸變 126
5.5 使用圖像 127
5.5.1 繪制圖像 128
5.5.2 平鋪圖像 129
5.5.3 裁剪和復(fù)制圖像 131
5.6 綜合應(yīng)用實(shí)例：制作圖片黑白和
反轉(zhuǎn)效果 132
本章小結(jié) 134
習(xí)題 134
第6章 HTML 5數(shù)據(jù)存儲(chǔ) 137
6.1 認(rèn)識(shí)Web存儲(chǔ)和Cookie存儲(chǔ) 138
6.2 兩大Web存儲(chǔ)對(duì)象 138
6.2.1 sessionStorage對(duì)象 139
6.2.2 localStorage對(duì)象 140
6.3 操作本地?cái)?shù)據(jù) 142
6.3.1 保存數(shù)據(jù) 142
6.3.2 讀取數(shù)據(jù) 143
6.3.3 清空數(shù)據(jù) 145
6.3.4 遍歷數(shù)據(jù) 145
6.4 綜合應(yīng)用實(shí)例：實(shí)現(xiàn)工程管理
模塊 147
6.5 操作本地?cái)?shù)據(jù)庫(kù)數(shù)據(jù) 152
6.5.1 創(chuàng)建數(shù)據(jù)庫(kù) 152
6.5.2 執(zhí)行SQL語(yǔ)句 153
6.6 綜合應(yīng)用實(shí)例：查看學(xué)生列表 154
本章小結(jié) 156
習(xí)題 156
第7章 HTML 5文件和拖放 159
7.1 操作文件 160
7.1.1 獲取文件信息 160
7.1.2 限制文件類(lèi)型 161
7.2 綜合應(yīng)用實(shí)例：文件上傳 163
7.3 FileReader接口 164
7.3.1 FileReader接口簡(jiǎn)介 165
7.3.2 讀取文本文件內(nèi)容 165
7.3.3 監(jiān)聽(tīng)讀取事件 167
7.3.4 處理讀取異常 169
7.4 綜合應(yīng)用實(shí)例：預(yù)覽圖片 170
7.5 拖放功能 171
7.5.1 拖放API簡(jiǎn)介 171
7.5.2 dataTransfer對(duì)象 173
本章小結(jié) 176
習(xí)題 176
第8章 CSS 3新增選擇器 179
8.1 CSS 3簡(jiǎn)介 180
8.2 綜合應(yīng)用實(shí)例：瀏覽器CSS 3性能
測(cè)試 183
8.3 CSS選擇器分類(lèi) 185
8.4 屬性選擇器 188
8.4.1 E[att^="val"] 188
8.4.2 E[att$="val"] 189
8.4.3 E[att*="val"] 189
8.4.4 綜合應(yīng)用實(shí)例：設(shè)計(jì)顏色
選擇器 190
8.5 偽類(lèi)選擇器 191
8.5.1 E:last-child選擇器 191
8.5.2 E:only-child選擇器 193
8.5.3 E:nth-child(n)選擇器 193
8.5.4 E:nth-last-child(n)選擇器 194
8.5.5 E:root選擇器 195
8.5.6 E:not(s)選擇器 196
8.5.7 E:empty選擇器 197
8.5.8 E:target選擇器 197
8.5.9 綜合應(yīng)用實(shí)例：?jiǎn)螕舫�鏈�?br />顯示具體內(nèi)容 199
8.6 偽對(duì)象選擇器 200
8.6.1 E::selection選擇器 200
8.6.2 E::placeholder選擇器 201
8.6.3 已修改的選擇器 201
8.6.4 綜合應(yīng)用實(shí)例：練習(xí)content
屬性 202
8.7 兄弟選擇器 205
本章小結(jié) 206
習(xí)題 207
第9章 CSS 3修飾文本和背景 209
9.1 新增基本屬性 210
9.1.1 文本屬性 210
9.1.2 字體屬性 211
9.1.3 顏色屬性 212
9.1.4 邊框?qū)傩?212
9.1.5 背景屬性 213
9.2 設(shè)置文本樣式 213
9.2.1 文本換行設(shè)置 213
9.2.2 文本對(duì)齊方式 216
9.2.3 文本單個(gè)陰影 217
9.2.4 文本多個(gè)陰影 219
9.2.5 綜合應(yīng)用實(shí)例：制作
火焰字 220
9.3 設(shè)置邊框樣式 221
9.3.1 邊框圓角屬性 221
9.3.2 圖形填充邊框 224
9.3.3 邊框陰影效果 227
9.4 設(shè)置背景樣式 229
9.4.1 background-size屬性 229
9.4.2 background-origin屬性 231
9.4.3 background-clip屬性 232
9.5 綜合應(yīng)用實(shí)例：制作太極圖 232
9.6 漸變屬性 233
9.6.1 線性漸變 234
9.6.2 綜合應(yīng)用實(shí)例：實(shí)現(xiàn)圖片
閃光劃過(guò)效果 235
9.6.3 徑向漸變 236
9.6.4 綜合應(yīng)用實(shí)例：制作一張
優(yōu)惠券 239
9.6.5 重復(fù)漸變 240
9.6.6 綜合應(yīng)用實(shí)例：制作記事本
紙張效果 240
本章小結(jié) 241
習(xí)題 241
第10章 CSS 3變形、過(guò)渡和動(dòng)畫(huà) 245
10.1 變形屬性 246
10.1.1 平移 246
10.1.2 縮放 247
10.1.3 旋轉(zhuǎn) 248
10.1.4 傾斜 249
10.1.5 綜合應(yīng)用實(shí)例：制作個(gè)性
圖片墻 250
10.1.6 指定變形中心原點(diǎn) 252
10.2 過(guò)渡屬性 253
10.2.1 過(guò)渡屬性概述 253
10.2.2 單個(gè)屬性實(shí)現(xiàn)過(guò)渡 254
10.2.3 多個(gè)屬性同時(shí)過(guò)渡 255
10.2.4 綜合應(yīng)用實(shí)例：光標(biāo)懸浮
特效的過(guò)渡功能 257
10.3 動(dòng)畫(huà)屬性 258
10.3.1 了解animation屬性 258
10.3.2 @keyframes動(dòng)畫(huà)幀 260
10.3.3 綜合應(yīng)用實(shí)例：繪制旋轉(zhuǎn)的
太極圖案 262
10.4 綜合應(yīng)用實(shí)例：動(dòng)態(tài)復(fù)古時(shí)鐘 262
本章小結(jié) 265
習(xí)題 265
第11章 CSS 3布局屬性 267
11.1 多列布局屬性 268
11.1.1 多列布局屬性列表 268
11.1.2 設(shè)置顯示列的寬度 268
11.1.3 設(shè)置顯示的固定列 270
11.1.4 設(shè)置顯示列的樣式 270
11.1.5 設(shè)置各列間的間距 271
11.2 彈性盒模型布局屬性 272
11.2.1 Flex布局屬性 272
11.2.2 flex-direction屬性 273
11.2.3 flex-wrap屬性 275
11.2.4 justify-content屬性 276
11.2.5 其他屬性簡(jiǎn)述 277
11.2.6 綜合應(yīng)用實(shí)例：實(shí)現(xiàn)三欄
布局 280
本章小結(jié) 281
習(xí)題 282
第12章 JavaScript腳本編程
快速入門(mén) 285
12.1 JavaScript語(yǔ)言簡(jiǎn)介 286
12.2 編寫(xiě)JavaScript程序 287
12.2.1 集成JavaScript程序 287
12.2.2 使用外部JavaScript文件 289
12.3 JavaScript腳本語(yǔ)法 290
12.3.1 數(shù)據(jù)類(lèi)型 290
12.3.2 變量與常量 290
12.3.3 運(yùn)算符 291
12.4 腳本控制語(yǔ)句 294
12.4.1 if條件語(yǔ)句 294
12.4.2 switch條件語(yǔ)句 297
12.4.3 while循環(huán)語(yǔ)句 298
12.4.4 do while循環(huán)語(yǔ)句 298
12.4.5 for循環(huán)語(yǔ)句 299
12.4.6 for in循環(huán)語(yǔ)句 299
12.5 函數(shù) 300
12.5.1 系統(tǒng)函數(shù) 300
12.5.2 自定義函數(shù) 301
12.6 常用對(duì)象 302
12.6.1 Array對(duì)象 302
12.6.2 Document對(duì)象 303
12.6.3 Window對(duì)象 304
12.7 常用事件 305
12.7.1 鍵盤(pán)事件 305
12.7.2 鼠標(biāo)事件 306
12.7.3 頁(yè)面事件 307
本章小結(jié) 308
習(xí)題 308
參考文獻(xiàn) 310