第1章 HTML5概述 1
1.1 互聯(lián)網(wǎng)概述 1
1.1.1 超文本傳輸協(xié)議 1
1.1.2 統(tǒng)一資源定位符 2
1.1.3 超文本標(biāo)記語(yǔ)言 2
1.1.4 XML和XHTML 3
1.2 HTML5的改變 3
1.2.1 HTML5新增元素 3
1.2.2 HTML5廢除的元素 7
1.2.3 HTML5新增的屬性 8
1.2.4 HTML5的新特性和新規(guī)則 10
1.2.5 HTML5開(kāi)發(fā)工具 10
1.3 HTML5文檔基本結(jié)構(gòu) 11
1.4 HTML5語(yǔ)法 12
1.5 HTML5常用標(biāo)簽 13
1.5.1 13
1.5.2 標(biāo)題 14
1.5.3 換行元素 15
1.5.4 分隔線 16
1.5.5 段落 16
1.5.6 特殊字符 17
1.5.7 列表 19
1.5.8 錨元素 22
1.5.9 表格 26
小結(jié) 30
習(xí)題 30
第2章 表單 32
2.1 form標(biāo)簽 32
2.2 HTML5中新增的input元素 32
2.2.1 email類型 35
2.2.2 url類型 36
2.2.3 number類型 36
2.2.4 range類型 38
2.2.5 Date pickers類型 38
2.2.6 search類型 42
2.2.7 tel類型 43
2.2.8 color類型 43
2.3 HTML5中新增的表單元素 44
2.3.1 datalist元素 44
2.3.2 keygen元素 45
2.3.3 output元素 45
小結(jié) 46
習(xí)題 46
第3章 HTML5畫(huà)布 48
3.1 HTML5的Canvas元素 48
3.2 繪制簡(jiǎn)單圖形 49
3.2.1 繪制直線 49
3.2.2 繪制矩形 50
3.2.3 繪制圓或圓弧 51
3.2.4 繪制三角形 53
3.3 繪制文字 54
3.3.1 繪制填充文字 54
3.3.2 繪制輪廓文字 55
3.4 圖形變換 56
3.4.1 保存與恢復(fù) 56
3.4.2 移動(dòng) 57
3.4.3 縮放 58
3.4.4 旋轉(zhuǎn) 59
3.4.5 變形 61
3.5 操作圖像 62
3.6 其他顏色和樣式 64
3.6.1 線型 64
3.6.2 漸變 65
3.6.3 繪制圖案 68
3.6.4 透明度 69
3.6.5 陰影 70
小結(jié) 71
習(xí)題 71
第4章 音頻視頻與本地存儲(chǔ) 73
4.1 音頻 73
4.1.1 音頻格式 73
4.1.2 audio元素 74
4.1.3 JavaScript控制Audio對(duì)象 75
4.2 視頻 77
4.2.1 視頻格式 77
4.2.2 video元素 78
4.3 Web Storage 79
4.4 Web SQL 83
小結(jié) 88
習(xí)題 88
第5章 離線應(yīng)用和Web Workers 90
5.1 HTML5離線應(yīng)用概述 90
5.2 ApplicationCache 對(duì)象 91
5.2.1 屬性 91
5.2.2 事件 92
5.3 離線緩存的實(shí)現(xiàn) 92
5.4 離線緩存的更新 93
5.5 離線緩存應(yīng)用示例 94
5.5.1 緩存首頁(yè) 94
5.5.2 緩存圖像 96
5.6 Web Workers 97
5.6.1 Web Workers概述 98
5.6.2 Web Workers成員 98
5.6.3 Web Workers示例 99
小結(jié) 102
習(xí)題 103
第6章 Geolocation地理位置 104
6.1 概述 104
6.1.1 地理位置的表達(dá) 104
6.1.2 地理位置的來(lái)源 104
6.2 Geolocation API 105
6.2.1 獲取當(dāng)前地理位置信息 106
6.2.2 監(jiān)視地理位置信息 109
6.2.3 停止獲取地理位置信息 110
6.3 示例 110
6.3.1 使用騰訊地圖定位 110
6.3.2 距離跟蹤器 113
小結(jié) 116
習(xí)題 117
第7章 CSS3 118
7.1 CSS3概述 118
7.2 CSS3的基本語(yǔ)法 119
7.3 CSS3的使用方式 120
7.4 CSS3的繼承 126
7.5 CSS3元素選擇符 127
7.5.1 通配選擇符 127
7.5.2 類型選擇符 128
7.5.3 ID選擇符 128
7.5.4 類選擇符 130
7.6 CSS3關(guān)系選擇符 131
7.6.1 包含選擇符 132
7.6.2 子選擇符 133
7.6.3 相鄰選擇符 133
7.6.4 兄弟選擇符 134
7.7 CSS3屬性選擇符 135
7.8 CSS3偽類選擇符 137
7.9 CSS偽元素選擇符 139
小結(jié) 141
習(xí)題 142
第8章 CSS3樣式屬性 143
8.1 字體屬性 143
8.2 文本和文本裝飾屬性 145
8.3 背景屬性 146
8.4 邊框?qū)傩?148
8.5 定位屬性 155
8.6 布局屬性 156
8.7 列表屬性 158
8.8 光標(biāo)屬性 159
小結(jié) 159
習(xí)題 160
第9章 CSS3頁(yè)面布局 162
9.1 概述 162
9.2 盒子模型和DIV 163
9.3 頁(yè)面布局 165
9.3.1 簡(jiǎn)單布局 165
9.3.2 圣杯布局 170
9.3.3 多欄布局 172
9.3.4 彈性伸縮布局 173
9.4 DIV浮動(dòng) 177
9.5 實(shí)用技巧 182
9.6 CSS hack 184
9.6.1 主流的瀏覽器 184
9.6.2 CSS hack的分類 185
小結(jié) 187
習(xí)題 187
第10章 JavaScript基礎(chǔ) 189
10.1 JavaScript簡(jiǎn)介 189
10.1.1 JavaScript的語(yǔ)言特點(diǎn) 189
10.1.2 JavaScript的基本結(jié)構(gòu) 190
10.2 JavaScript語(yǔ)法 192
10.2.1 數(shù)據(jù)類型 193
10.2.2 常量 193
10.2.3 變量 193
10.2.4 注釋 196
10.2.5 運(yùn)算符 197
10.2.6 流程控制 201
10.3 JavaScript函數(shù) 214
10.3.1 內(nèi)置函數(shù) 214
10.3.2 用戶自定義函數(shù) 217
小結(jié) 218
習(xí)題 219
第11章 JavaScript對(duì)象 220
11.1 JavaScript核心對(duì)象 220
11.1.1 數(shù)組對(duì)象 220
11.1.2 字符串對(duì)象 227
11.1.3 日期對(duì)象 234
11.1.4 數(shù)學(xué)對(duì)象 238
11.2 JavaScript自定義對(duì)象 240
11.2.1 使用原型添加屬性和方法 241
11.2.2 創(chuàng)建自定義對(duì)象 241
小結(jié) 248
習(xí)題 248
第12章 DOM編程 250
12.1 BOM和DOM概述 250
12.2 JavaScript事件 251
12.3 window對(duì)象 252
12.3.1 window對(duì)象的屬性 252
12.3.2 window對(duì)象的方法 253
12.4 document對(duì)象 262
12.5 history對(duì)象 273
12.6 location對(duì)象 274
12.7 事件的應(yīng)用 275
12.7.1 鼠標(biāo)事件 275
12.7.2 鍵盤事件 277
12.8 網(wǎng)頁(yè)特效 280
小結(jié) 291
習(xí)題 291
第13章 AJAX 293
13.1 概述 293
13.2 XML HttpRequst對(duì)象 294
13.2.1 XMLHttpRequest對(duì)象的創(chuàng)建 295
13.2.2 XMLHttpRequest對(duì)象的方法 295
13.2.3 XMLHttpRequest對(duì)象的屬性 296
13.2.4 XMLHttpRequest對(duì)象的工作過(guò)程 296
13.3 AJAX與JSP 302
13.4 AJAX與XML 305
13.5 AJAX與數(shù)據(jù)庫(kù) 309
小結(jié) 314
習(xí)題 314
第14章 jQuery 315
14.1 概述 315
14.2 jQuey選擇器 316
14.3 jQuery的事件處理 329
14.4 jQuery的特效 331
14.5 jQuery操作DOM 338
14.5.1 jQuery讀寫元素的內(nèi)容和屬性 338
14.5.2 jQuery更改頁(yè)面元素 340
14.5.3 jQuery操作CSS屬性 341
小結(jié) 343
習(xí)題 344
參考文獻(xiàn) 346