HTML5程序设计及实践PDF电子书下载

理论篇 3

第1章 浏览器和HTML5 3

1.1 认识浏览器 4

1.1.1 浏览器的起源 4

1.1.2 浏览器的发展 5

1.1.3 移动端浏览器 6

1.2 HTML5简介 7

1.2.1 HTML5是什么 7

1.2.2 浏览器的支持度 8

1.2.3 移动设备的支持度 9

1.3 HTML5元素和文档格式 10

1.3.1 HTML5语法规范 10

1.3.2 HTML5新元素 12

1.3.3 HTML5文档结构 15

1.4 HTML5应用前景和市场 17

1.5 开发环境和工具 18

本章小结 20

本章练习 20

第2章 HTML5布局 21

2.1 HTML5结构元素 22

2.1.1 文章结构 22

2.1.2 内容分段 23

2.1.3 辅助信息 25

2.1.4 导航信息 26

2.1.5 显示/隐藏内容 27

2.1.6 定义对话框 27

2.1.7 图文结构 29

2.2 HTML5样式元素 30

2.2.1 mark元素 30

2.2.2 meter元素 30

2.2.3 progress元素 31

2.2.4 wbr元素 31

2.2.5 time元素 32

本章小结 32

本章练习 32

第3章 HTML5表单 33

3.1 概述 34

3.2 新的表单域 34

3.2.1 color类型 35

3.2.2 date类型 35

3.2.3 datetime类型和datetime-local类型 36

3.2.4 month类型 36

3.2.5 week类型 37

3.2.6 time类型 37

3.2.7 email类型 38

3.2.8 url类型 38

3.2.9 number类型 38

3.2.10 range类型 39

3.2.11 search类型 39

3.3 新的表单域属性 40

3.3.1 autofocus属性 40

3.3.2 form属性 40

3.3.3 formaction属性 41

3.3.4 formenctype属性 42

3.3.5 formmethod属性 43

3.3.6 formnovalidate属性 44

3.3.7 formtarget属性 44

3.3.8 height和width属性 45

3.3.9 list属性 46

3.3.10 min和max属性 46

3.3.11 multiple属性 47

3.3.12 pattern属性 47

3.3.13 placeholder属性 48

3.3.14 required属性 48

3.3.15 step属性 49

3.4 新的form元素 49

3.4.1 datalist元素 50

3.4.2 keygen元素 50

3.4.3 output元素 51

3.5 新的form属性 51

3.5.1 autocomplete属性 51

3.5.2 novalidate属性 52

本章小结 52

本章练习 52

第4章 HTML5画布 53

4.1 绘制图形 54

4.1.1 什么是Canvas 54

4.1.2 如何使用Canvas绘制图形 54

4.1.3 绘制直线 54

4.1.4 绘制渐变线条 55

4.1.5 绘制矩形 56

4.1.6 绘制线性渐变的矩形 57

4.1.7 绘制圆形和圆弧 58

4.2 绘制文字 59

4.3 绘制图像 61

4.4 阴影效果 62

4.5 动画效果 63

本章小结 68

本章练习 68

第5章 HTML5拖放 69

5.1 拖放实现方式 70

5.2 dataTransfer对象 72

5.2.1 dataTransfer对象属性 72

5.2.2 dataTransfer对象方法 73

5.2.3 使用dataTransfer对象 74

5.3 拖放文件 77

本章小结 78

本章练习 78

第6章 HTML5音频和视频 79

6.1 Web上的音频 80

6.1.1 音频格式 80

6.1.2 audio元素的属性、方法和事件 80

6.2 Web上的视频 82

6.2.1 视频格式 82

6.2.2 video元素的属性、方法和事件 82

6.2.3 使用DOM进行视频控制 83

本章小结 88

本章练习 88

第7章 HTML5 Web存储 89

7.1 Web存储 90

7.1.1 什么是Web存储 90

7.1.2 Cookie和Web存储的优缺点 90

7.1.3 Web存储API 91

7.2 Web SQL Database 95

本章小结 100

本章练习 100

第8章 HTML5应用程序缓存 101

8.1 应用程序缓存的应用场景 102

8.2 应用程序缓存和浏览器缓存的区别 102

8.3 浏览器支持情况 103

8.4 如何实现应用程序缓存 103

8.4.1 搭建离线缓存应用程序 103

8.4.2 更新缓存 108

本章小结 112

本章练习 112

第9章 HTML5多线程处理 113

9.1 HTML5多线程概述 114

9.2 使用Web Workers 114

9.2.1 建立主页Worker和监听器 115

9.2.2 添加Worker中的监听器和JavaScript脚本 115

9.2.3 多线程通信的示例演示 115

本章小结 118

本章练习 118

第10章 HTML5手机应用开发 119

10.1 移动设备页面匹配 120

10.2 定位用户的位置 124

10.2.1 Geolocation对象 124

10.2.2 使用百度地图定位 128

本章小结 131

本章练习 132

第11章 CSS3 133

11.1 选择器 134

11.1.1 属性选择器 134

11.1.2 结构伪类选择器 136

11.1.3 UI伪类选择器 143

11.2 背景和边框 145

11.2.1 多色边框 145

11.2.2 边框背景图片 146

11.2.3 圆角边框 147

11.2.4 设计阴影 149

11.2.5 设计背景 150

11.2.6 透明背景色 152

11.3 文本效果 153

11.3.1 设计文本阴影 153

11.3.2 定义文本样式 155

11.4 多列布局 161

11.4.1 定义列宽与列数 161

11.4.2 定义列间距 163

11.4.3 定义列边框样式 164

11.4.4 定义跨列显示 165

11.5 用户界面 166

11.5.1 改变盒模型模式 167

11.5.2 调节元素尺寸 168

11.5.3 控制显示内容 169

11.5.4 恢复默认样式 170

11.6 转换与动画 171

11.6.1 2D转换 171

11.6.2 平滑过渡 176

11.6.3 动画效果 178

11.7 CSS3其他新特性 179

11.7.1 渐变背景 180

11.7.2 设计倒影 181

本章小结 182

本章练习 182

实践篇 185

实践1 HTML5布局 185

实践指导 185

实践1.1 185

实践1.2 187

拓展练习 206

实践2 HTML5表单 207

实践指异 207

实践2.1 207

拓展练习 216

实践3 HTML5画布 217

实践指导 217

实践3.1 217

拓展练习 221

实践4 HTML5拖放 222

实践指导 222

实践4.1 222

拓展练习 227

实践5 HTML5音频与视频 228

实践指导 228

实践5.1 228

拓展练习 233

实践6 HTML5 Web存储 234

实践指牙 234

实践6.1 234

实践6.2 239

拓展练习 245

实践7 HTML5应用程序缓存 246

实践指导 246

实践7.1 246

实践7.2 248

拓展练习 251

实践8 HTML5多线程处理 252

实践指导 252

实践8.1 252

实践8.2 254

拓展练习 258

实践9 CSS3 259

实践指导 259

实践9.1 259

实践9.2 260

实践9.3 260

实践9.4 261

实践9.5 262

实践9.6 264

实践9.7 266

实践9.8 267

实践9.9 268

拓展练习 270