目　录

第 1章　HTML5概述　1
1.1　HTML基础　1
1.1.1　什么是HTML　1
1.1.2　HTML的历史　2
1.2　HTML4基础　3
1.2.1　设置网页背景和颜色　3
1.2.2　设置字体属性　3
1.2.3　超级链接　5
1.2.4　图像和动画　6
1.2.5　表格　6
1.2.6　使用框架　8
1.2.7　其他常用标签　10
1.3　HTML5的新特性　12
1.3.1　简化的文档类型和字符集　12
1.3.2　HTML5的新结构　13
1.3.3　HTML5的新增内联元素　17
1.3.4　支持动态页面　19
1.3.5　全新的表单设计　22
1.3.6　强大的绘图和多媒体功能　22
1.3.7　打造桌面应用的一系列新功能　23
1.3.8　获取地理位置信息　23
1.3.9　支持多线程　23
1.3.10　废弃的标签　24
1.4　支持HTML5的浏览器　25
练习题　26

第 2章　JavaScript编程　29
2.1　在HTML中使用JavaScript语言　29
2.1.1　在HTML中插入JavaScript代码　29
2.1.2　使用js文件　30
2.2　基本语法　30
2.2.1　数据类型　30
2.2.2　变量　30
2.2.3　注释　31
2.2.4　运算符　32
2.3　常用语句　35
2.3.1　条件分支语句　35
2.3.2　循环语句　39
2.4　函数　42
2.4.1　创建自定义函数　42
2.4.2　调用函数　43
2.4.3　变量的作用域　44
2.4.4　函数的返回值　45
2.5　面向对象程序设计　45
2.5.1　面向对象程序设计思想简介　45
2.5.2　JavaScript内置类　46
2.5.3　HTML DOM　54
2.5.4　Window对象　55
2.5.5　Navigator对象　60
2.5.6　document对象　62
2.6　JavaScript事件处理　63
2.6.1　常用HTML事件　63
2.6.2　Window对象的事件处理　65
2.6.3　Event对象　65
练习题　67

第3章　HTML5表单及文件处理　68
3.1　HTML4表单　68
3.1.1　定义表单　68
3.1.2　文本框　69
3.1.3　文本区域　70
3.1.4　单选按钮　71
3.1.5　复选框　71
3.1.6　组合框　72
3.1.7　按钮　72
3.2　HTML5表单的新特性　73
3.2.1　新的input类型　73
3.2.2　新的表单元素　77
3.2.3　新的表单属性　79
3.2.4　表单验证　80
3.3　文件处理　82
3.3.1　选择文件的表单控件　82
3.3.2　检测浏览器是否支持HTML5 File API　82
3.3.3　FileList接口　83
3.3.4　FileReader接口　85
练习题　87

第4章　**新版本的层叠样式表——CSS3　88
4.1　CSS基础　88
4.1.1　什么是CSS　88
4.1.2　在HTML文档中应用CSS　89
4.1.3　颜色与背景　91
4.1.4　设置字体　92
4.1.5　设置文本属性　93
4.1.6　超链接　99
4.1.7　列表　100
4.1.8　表格　102
4.1.9　CSS 轮廓　106
4.1.10　浮动元素　107
4.2　CSS3的新技术　109
4.2.1　实现圆角效果　109
4.2.2　多彩的边框颜色　113
4.2.3　阴影　114
4.2.4　背景图片　115
4.2.5　多列　117
4.2.6　嵌入字体　119
4.2.7　透明度　120
4.2.8　HSL和HSLA颜色表现方法　122
4.3　CSS3应用实例　124
4.3.1　HTML5+CSS3设计页面布局　124
4.3.2　设计漂亮的导航菜单　128
4.3.3　设计登录页面　130
练习题　134

第5章　HTML5拖放　135
5.1　概述　135
5.1.1　什么是拖放　135
5.1.2　设置元素为可拖放　135
5.1.3　拖放事件　136
5.2　传递拖曳数据　136
5.2.1　dataTransfer对象的属性　137
5.2.2　dataTransfer对象的方法　137
5.3　HTML5拖放的实例　138
5.3.1　拖放HTML元素　138
5.3.2　拖放文件　139
练习题　141

第6章　使用Canvas API画图　142
6.1　Canvas元素　142
6.1.1　Canvas元素的定义语法　142
6.1.2　使用JavaScript获取网页中的canvas对象　143
6.2　坐标与颜色　143
6.2.1　坐标系统　143
6.2.2　颜色的表示方法　143
6.3　绘制图形　145
6.3.1　绘制直线　145
6.3.2　绘制贝塞尔曲线　147
6.3.3　绘制矩形　149
6.3.4　绘制圆弧　152
6.4　描边和填充　153
6.4.1　描边　153
6.4.2　填充图形内部　156
6.4.3　渐变颜色　157
6.4.4　透明颜色　162
6.5　绘制图像与文字　163
6.5.1　绘制图像　163
6.5.2　输出文字　166
6.6　图形的操作　169
6.6.1　保存和恢复绘图状态　169
6.6.2　移动　170
6.6.3　缩放　171
6.6.4　旋转　172
6.6.5　变形　172
6.7　组合和阴影　174
6.7.1　组合图形　175
6.7.2　绘制阴影　177
6.8　HTML5 Canvas应用实例　178
6.8.1　绘制漂亮的警告牌　179
6.8.2　动画实例：小型太阳系模型　181
练习题　184

第7章　绘制可伸缩矢量图形(SVG)　185
7.1　SVG概述　185
7.1.1　SVG的特性　185
7.1.2　XML基础　185
7.1.3　一个SVG实例　187
7.1.4　SVG坐标系统　187
7.1.5　在HTML5中使用SVG　188
7.2　SVG形状　188
7.2.1　绘制直线　188
7.2.2　绘制折线　189
7.2.3　绘制矩形　190
7.2.4　绘制圆形　190
7.2.5　绘制椭圆　191
7.2.6　绘制多边形　191
7.2.7　路径　192
7.3　线条和填充　194
7.3.1　设置线条的属性　194
7.3.2　填充　197
7.4　SVG文本与图片　198
7.4.1　输出文本　198
7.4.2　SVG图片　201
7.5　SVG滤镜　201
7.5.1　定义滤镜　202
7.5.2　应用滤镜　203
7.6　渐变颜色　203
7.6.1　线性渐变　204
7.6.2　放射性渐变　204
7.7　变换坐标系　205
7.7.1　视窗变换——viewBox属性　206
7.7.2　用户坐标系的变换——transform属性　206
练习题　208

第8章　播放多媒体　210
8.1　HTML5音频　210
8.1.1　audio标签　210
8.1.2　播放背景音乐　211
8.1.3　设置替换音频源　212
8.1.4　使用JavaScript语言访问audio对象　212
8.２　HTML5视频　216
8.2.1　video标签　216
8.2.2　使用JavaScript语言访问video对象　218
练习题　224

第9章　Web通信　225
9.1　跨文档消息机制　225
9.1.1　检测浏览器对跨文档消息机制的支持情况　225
9.1.2　使用postMessage API发送消息　226
9.1.3　监听和处理消息事件　227
9.2　XMLHttpRequest Level 2　228
9.2.1　创建XMLHttpRequest对象　229
9.2.2　发送HTTP请求　229
9.2.3　从服务器接收数据　230
9.2.4　进行HTTP头(HEAD)请求　233
9.2.5　超时控制　236
9.2.6　使用FormData对象向服务器发送数据　236
9.2.7　使用FormData对象上传文件　239
9.3　WebSocket　243
9.3.1　什么是Socket　244
9.3.2　WebSocket API概述　246
9.3.3　WebSocket API编程　246
9.3.4　WebSocket服务器　248
练习题　251

第 10章　本地存储　252
10.1　概述　252
10.1.1　HTML4的本地数据存储方式　252
10.1.2　HTML5本地存储技术概述　254
10.2　localstorage　254
10.2.1　浏览器对localstorage的支持情况　254
10.2.2　使用localstorage保存数据　255
10.2.3　获取localstorage中的数据　255
10.2.4　删除localstorage中的数据　257
10.2.5　storage事件　257
10.3　sessionstorage　259
10.3.1　判断浏览器是否支持sessionstorage　259
10.3.2　使用sessionstorage保存数据　260
10.3.3　获取sessionstorage中的数据　260
10.3.4　删除sessionstorage中的数据　261
10.4　webSQL Database API　261
10.4.1　判断浏览器是否支持webSQL Database API　261
10.4.2　新建数据库　262
10.4.3　执行SQL语句　262
10.5　IndexedDB　266
10.5.1　数据库的相关概念　266
10.5.2　判断浏览器是否支持IndexedDB　267
10.5.3　创建和打开数据库　268
10.5.4　创建对象存储空间ObjectStore　268
10.5.5　创建索引　271
10.5.6　事务　272
10.5.7　游标　275
练习题　280

第 11章　开发支持离线的Web应用程序　281
11.1　HTML5离线Web应用程序概述　281
11.1.1　什么是离线Web应用程序　281
11.1.2　开发离线Web应用程序需要完成的工作　283
11.2　开发HTML5离线Web应用程序　283
11.2.1　Application Cache API　283
11.2.2　Cache manifest文件　284
11.2.3　更新缓存　286
11.2.4　检测在线状态　289
练习题　290

第 12章　获取浏览器的地理位置信息　291
12.1　概述　291
12.1.1　什么是浏览器地理位置　291
12.1.2　浏览器对获取地理位置信息的支持情况　291
12.2　获取地理位置信息　292
12.2.1　getCurrentPosition()方法　292
12.2.2　watchPosition()方法　295
12.2.3　clearWatch()方法　296
12.3　数据保护　296
12.3.1　在Internet Explorer 9中配置共享地理位置　297
12.3.2　在Chrome中配置共享地理位置　298
12.3.3　在Firefox中配置共享地理位置　299
练习题　300

第 13章　支持多线程编程的Web Workers　301
13.1　概述　301
13.1.1　什么是线程　301
13.1.2　什么是HTML5 Web Workers　302
13.1.3　浏览器对Web Workers的支持情况　303
13.2　Web Workers编程　303
13.2.1　创建Web Workers对象　303
13.2.2　终止Web Workers对象　306
13.2.3　共享线程(Shared Worker)　306
练习题　308

第 14章　 jQuery程序设计　309
14.1　jQuery基础　309
14.1.1　下载jQuery　309
14.1.2　初识jQuery　310
14.2　jQuery选择器　311
14.2.1　基础选择器　312
14.2.2　层次选择器　314
14.2.3　基本过滤器　318
14.2.4　内容过滤器　320
14.2.5　可见性过滤器　322
14.2.6　属性过滤器　322
14.2.7　子元素过滤器　324
14.3　设置HTML元素的属性与CSS样式　325
14.3.1　设置HTML元素的属性　325
14.3.2　设置CSS样式　328
14.4　表单编程　332
14.4.1　表单选择器　332
14.4.2　表单过滤器　335
14.4.3　表单API　337
14.5　事件和Event对象　340
14.5.1　事件处理函数　340
14.5.2　Event对象　340
14.5.3　绑定到事件处理函数　343
14.5.4　键盘事件　344
14.5.5　鼠标事件　345
14.5.6　文档加载事件　346
14.5.7　浏览器事件　346
14.6　jQuery动画　347
14.6.1　执行自定义的动画　348
14.6.2　显示和隐藏HTML元素　349
14.6.3　淡入淡出效果　350
14.6.4　滑动效果　354
14.6.5　动画队列　357
练习题　360

附录　实验　362
实验1　HTML4基础　362
实验2　HTML5的新特性　365
实验3　JavaScript编程　367
实验4　HTML5表单及文件处理　369
实验5　使用CSS3　370
实验6　HTML5拖放　372
实验7　使用Canvas API画图　373
实验8　绘制可伸缩矢量图形(SVG)　375
实验9　播放多媒体　377
实验10　Web通信　378
实验11　本地存储　379
实验12　开发支持离线的Web应用程序　381
实验13　获取浏览器的地理位置信息　382
实验14　支持多线程编程的Web Workers　383
实验15　jQuery编程　384