第1章 为Web结构化文档 1
1.1结构化文档的Web 1
1.2 HTML5介绍 2
1.2.1标签与元素 4
1.2.2区分头部与主体 5
1.2.3特性描述元素 6
1.2.4通过查阅源代码向他人学习 8
1.2.5用于标记文本的元素 8
1.3特性组 9
1.3.1核心特性 9
1.3.2国际化 11
1.4核心元素 12
1.4.1关于DOCTYPE 12
1.4.2 〈html〉元素 13
1.4.3 〈head〉元素 13
1.4.4 〈title〉元素 13
1.4.5链接与样式表 14
1.4.6确保HTML5标签的向后兼容性 15
1.4.7 〈body〉元素 15
1.4.8常见的内容元素 15
1.5基本文本格式化 16
1.5.1空格与流 16
1.5.2使用〈hn〉元素创建标题 17
1.5.3使用〈P〉元素创建段落 19
1.5.4使用〈br〉元素创建换行 19
1.5.5使用〈pre〉 元素预格式化文本 21
1.6理解块级元素与行内元素 23
1.7内容分组 24
1.7.1 HTML5的新摘要算法 24
1.7.2 〈div〉元素 25
1.7.3 〈header〉元素 25
1.7.4 〈hgroup〉元素 26
1.7.5 〈nav〉元素 26
1.7.6 〈section〉元素 26
1.7.7 〈article〉元素 27
1.7.8 〈hr〉元素 27
1.7.9 〈blockquote〉元素 27
1.7.10在〈blockquote〉元素中使用cite特性 28
1.7.11〈aside〉元素 28
1.7.12〈footer〉元素 28
1.7.13〈address〉元素 29
1.8使用列表 29
1.8.1使用〈ul〉元素创建无序列表 29
1.8.2有序列表 30
1.8.3定义列表 32
1.8.4列表嵌套 33
1.9本章小结 34
第2章 文本的微调 35
2.1描述文本级语义的元素 35
2.1.1 〈span〉元素 35
2.1.2 〈em〉元素 36
2.1.3 〈strong〉元素 36
2.1.4 〈b〉元素 37
2.1.5 〈i〉元素 37
2.1.6 〈strong〉和〈b〉以及〈em〉和〈i〉 37
2.1.7 〈small〉元素 37
2.1.8 〈citc〉t素 37
2.1.9 〈q〉元素 37
2.1.10 〈dfn〉元素 38
2.1.11 〈abbr〉元素 38
2.1.12 〈time〉元素 38
2.1.13 〈code〉元素 39
2.1.14 〈figure〉及〈figcaption〉元素 40
2.1.15 〈var〉元素 40
2.1.16 〈samp〉元素 41
2.1.17 〈kbd〉元素 41
2.1.18 〈sup〉元素 41
2.1.19 〈sub〉元素 42
2.1.20 〈mark〉元素 42
2.2编辑文本 45
2.3使用字符实体显示特殊字符 46
2.4注释 47
2.5本章小结 47
第3章 链接与导航 49
3.1基本链接 50
3.1.1链接到其他网页 50
3.1.2链接到电子邮件地址 51
3.2理解目录以及目录结构 54
3.3理解URL 55
3.3.1绝对与相对URL地址 57
3.3.2〈base〉元素 59
3.4使用〈a〉元素创建页内链接 59
3.4.1使用href特性创建源锚 60
3.4.2使用name与id特性创建目的锚（链接至页面内特定位置） 60
3.4.3 〈a〉元素的其他特性 62
3.5 高级电子邮件链接 67
3.6本章小结 68
第4章 图片、音频与视频 71
4.1使用〈img〉元素添加图片 72
4.1.1 src特性 72
4.1.2 alt特性 72
4.1.3 height与width特性 73
4.1.4向网页中添加图片 75
4.2使用图片作为链接 76
4.3选择正确的图片格式 76
4.3.1 GIF图片 78
4.3.2动态GIF 81
4.3.3 JPEG图片 82
4.3.4 PNG图片 83
4.3.5保持小尺寸文件 84
4.4为网页添加Flash、视频以及音频 86
4.4.1 向页面中添加YouTube电影 87
4.4.2使用〈audio〉及〈video〉元素添加富媒体 88
4.4.3使用〈audio〉元素向网页中添加音频 89
4.4.4关于容器和编解码器 90
4.4.5向网页中添加Flash影片 90
4.4.6跨浏览器视频——使用“Video for Everybody” 93
4.4.7视频规格 95
4.4.8仔细观察〈object〉与〈param〉元素 95
4.4.9 〈param〉元素 96
4.5本章小结 96
第5章 表格 101
5.1表格介绍 101
5.2基本表格元素与特性 108
5.2.1 〈table〉元素创建表格 108
5.2.2创建基本表格 110
5.3为表格添加标题 111
5.4表格区域分组 112
5.4.1使用colspan特性跨越列 112
5.4.2使用rowspan特性跨域行 113
5.4.3将表格分解为表头、表体及表尾 114
5.4.4使用〈colgroup〉元素进行 列分组 117
5.4.5使用〈col〉元素在列间共享样式 118
5.5嵌套表格 119
5.6易访问表格 120
5.6.1如何线性化表格 121
5.6.2使用id、 scope及headers特性 121
5.6.3创建易访问表格 122
5.7本章小结 124
第6章 表单 127
6.1表单介绍 128
6.2使用〈form〉元素创建表单 131
6.2.1 action特性 131
6.2.2 method特性 131
6.2.3 id特性 132
6.2.4 name特性 132
6.2.5 enctype特性 132
6.2.6 accept-charset特性 132
6.2.7 novalidate特性 133
6.2.8 target特性 133
6.2.9 autocomplete特性 133
6.3表单控件 133
6.3.1文本输入控件 134
6.3.2新的HTML5输入控件类型与特性 139
6.3.3按钮 143
6.3.4复选框 146
6.3.5单选按钮 148
6.3.6选择框 150
6.3.7文件选择框 154
6.3.8隐藏控件 155
6.3.9新的HTML5表单元素 156
6.4创建一个联系方式表单 158
6.5使用〈label〉元素为控件创建标签 160
6.6使用〈fieldset〉及〈legend〉元素组织表单结构 162
6.7焦点 163
6.7.1标签遍历顺序 164
6.7.2快捷键 165
6.8 disabled与readonly控件 167
6.9向服务器发送表单数据 168
6.9.1 HTTP get 168
6.9.2 HTTP post方法 169
6.10创建更有用的表单字段 170
6.11本章小结 173
第7章 层叠样式表 175
7.1 CSS介绍 176
7.1.1一个基本示例 177
7.1.2继承 181
7.2可以添加CSS规则的位置 181
7.2.1 〈link〉元素 182
7.2.2 〈style〉元素 184
7.2.3外部样式表的优势 184
7.3 CSS属性 185
7.4控制文本 187
7.4.1 font-family属性 188
7.4.2 font-size属性 189
7.4.3 font-weight属性 190
7.4.4 font-style属性 191
7.4.5 font-variant属性 192
7.5文本格式化 193
7.5.1 color属性 193
7.5.2 text-align属性 193
7.5.3 vertical-align属性 194
7.5.4 text-decoration属性 196
7.5.5 text-indent属性 196
7.5.6 text-shadow属性 197
7.5.7 text-transform属性 198
7.5.8 letter-spacing属性 199
7.5.9 word-spacing属性 199
7.5.10 white-space属性 200
7.5.11direction属性 201
7.6文本伪类 202
7.6.1 first-letter伪类 202
7.6.2first-linc伪类 202
7.7文本样式化 202
7.8选择器 205
7.8.1通用选择器 205
7.8.2类型选择器 205
7.8.3类选择器 205
7.8.4 id选择器 206
7.8.5子选择器 207
7.8.6后代选择器 207
7.8.7相邻兄弟选择器 207
7.8.8一般兄弟选择器 207
7.8.9使用子选择器与兄弟选择器减少对于标记中类型的依赖 208
7.8.10特性选择器 209
7.9长度 211
7.9.1相对单位 212
7.9.2绝对单位 213
7.9.3百分比 213
7.10盒子模型介绍 214
7.10.1一个演示盒子模型的示例 215
7.10.2 border属性 216
7.10.3 padding属性 219
7.10.4 margin属性 220
7.10.5内容盒子的尺寸 221
7.11为程序代码创建样式表 228
7.12本章小结 232
第8章 关于层叠样式表的更多介绍 235
8.1链接 235
8.2背景 237
8.2.1 background-color属性 237
8.2.2 background-image属性 238
8.2.3 background-repeat属性 240
8.2.4 background-position属性（用于定位背景） 241
8.2.5 background-attachment属性（用于水印） 242
8.2.6 background属性（缩略形式） 243
8.3列表 244
8.3.1 list-style-type 属性 244
8.3.2 list-style-position属性 246
8.3.3 list-style-image属性 247
8.3.4 list-style属性（缩略形式） 247
8.4表格 248
8.4.1表格专用属性 250
8.4.2 border-collapse属性 250
8.4.3 border-spacing属性 252
8.4.4 empty-cells属性 252
8.4.5 caption-side属性 254
8.4.6 table-layout属性 254
8.5轮廓 256
8.5.1 outline-width属性 256
8.5.2 outline-style属性 257
8.5.3 outline-color属性 257
8.5.4 outline属性（缩略形式） 257
8.6 ：focus与：active伪类 258
8.7生成的内容 258
8.7.1 ：before与：affter伪元素 259
8.7.2 content属性 260
8.8杂项属性 263
8.8.1 cursor属性 263
8.8.2 display属性 265
8.8.3 visibility属性 265
8.9额外规则 266
8.9.1@import规则：模块化的样式表 266
8.9.2 ！ important规则 267
8.10使用CSS定位与布局 268
8.10.1正常流 269
8.10.2 position属性 269
8.10.3盒子偏移属性 270
8.10.4相对定位 270
8.10.5绝对定位 271
8.10.6固定定位 273
8.10.7 z-index属性 274
8.10.8使用float属性实现流动 275
8.10.9 clear属性 277
8.10.10构建样例布局 278
8.11本章小结 282
第9章 圆角、动画、自定义字体以及CSS3的更多内容 285
9.1 CSS3的模块化方式 286
9.2成熟的CSS3模块 286
9.2.1更强大的CSS选择器 286
9.2.2高级颜色可选方案 289
9.2.3背景及边框模块 292
9.2.4多列布局模块 294
9.2.5媒体查询 297
9.3新的以及开发中的模块 299
9.3.1使用＠font-face指令自定义字体 300
9.3.2变形、动画以及过渡的高级CSS操控 304
9.4本章小结 309
第10章 学习JavaScript 313
10.1关于编程 314
10.2如何在页面中添加脚本 316
10.2.1 JavaScript中的注释 317
10.2.2 〈noscript〉元素 318
10.3创建外部JavaScript 318
10.4文档对象模型 319
10.4.1使用点符号访问值 320
10.4.2不同类型的对象 320
10.5开始使用JavaScript进行编程 320
10.5.1 JavaScript控制台 321
10.5.2总体编程概念 322
10.6变量 323
10.6.1为变量赋值 323
10.6.2变量的生命周期 324
10.7操作符 324
10.7.1算术操作符 325
10.7.2赋值操作符 325
10.7.3比较操作符 325
10.7.4逻辑或布尔操作符 326
10.7.5字符串操作符（将+号与字符串结合使用） 327
10.8函数 327
10.8.1如何定义函数 327
10.8.2如何调用函数 327
10.8.3 return语句 328
10.8.4函数表达式和匿名函数 329
10.9条件语句 329
10.9.1 if语句 330
10.9.2 if…else语句 330
10.9.3 switch语句 331
10.10循环 333
10.10.1 while 333
10.10.2 do……while 334
10.10.3 for 334
10.10.4无限循环和break语句 335
10.11事件 335
10.12内置对象 336
10.12.1 String 336
10.12.2 Date 340
10.12.3 Math 343
10.12.4数组 344
10.12.5 window 347
10.13编写JavaScript 348
10.13.1数据类型 349
10.13.2关键字 350
10.14本章小结 350
第11章 使用jQuery 353
11.1为什么使用jQuery 354
11.2在页面中加入jQuery 354
11.3 jQuery基础 356
11.3.1＄函数介绍 356
11.3.2链式结构 356
11.3.3使用＄（document）.ready（）以智能方式启动脚本 357
11.4 jQuery与DOM 357
11.4.1使用jQuery选择元素 357
11.4.2创建和添加元素 359
11.4.3使用jQuery操控元素 360
11.4.4基本动画与特效 365
11.5使用jQuery管理事件 367
11.5.1使用＄（）.on（）和＄（）.off（）绑定事件 367
11.5.2jQuery遗留事件处理 369
11.5.3使用jQuery、 CSS和HTML添加交互性 370
11.6本章小结 373
第12章 jQuery：超越基础 375
12.1 jQuery的Ajax功能 375
12.1.1 JSON、 XML或文本 377
12.1.2 GET和POST 379
12.1.3表单校验 382
12.1.4使用jQuery为网站添加联系方式表单 384
12.2jQuery UI 388
12.2.1获取j Query UI 388
12.2.2jQuery UI行为 389
12.2.3jQuery UI部件 393
12.3本章小结 401
第13章 检查清单 405
13.1搜索引擎优化检查清单 405
13.1.1页上技术 405
13.1.2识别关键词和短语 406
13.1.3页下技术 408
13.2可访问性检查清单 409
13.2.1创建文档 409
13.2.2结构和语义标记 409
13.2.3链接和导航 410
13.2.4图像和多媒体 410
13.2.5颜色 410
13.2.6表格 411
13.2.7表单 411
13.2.8样式表 411
13.2.9JavaScript 411
13.2.10跳跃链接 412
附录A 练习答案 413
附录B HTML元素参考 441
附录C CSS属性 475
附录D 颜色名称与值 507
附录E 字符编码 517
附录F 特殊字符 521
附录G 语言代码 533
附录H MIME媒体类型 539
附录I HTML4与HTML-5之间的变化 551