HTML5精粹 利用HTML5开发令人惊奇的Web站点和革命性应用PDF电子书下载

第1章HTML5文档 1

1.1基本组成 1

1.2全局结构 1

1.2.1 Doctype 2

1.2.2 ＜html＞ 2

1.2.3 ＜head＞ 3

1.2.4 ＜body＞ 3

1.2.5 ＜meta＞ 4

1.2.6 ＜title＞ 5

1.2.7 ＜link＞ 5

1.3正文结构 6

1.3.1组织 7

1.3.2 ＜header＞ 9

1.3.3 ＜nav＞ 9

1.3.4 ＜section＞ 10

1.3.5 ＜aside＞ 11

1.3.6 ＜footer＞ 12

1.4深入正文 13

1.4.1 ＜article＞ 14

1.4.2 ＜hgroup＞ 16

1.4.3 ＜figure＞和＜figcaption＞ 18

1.5新旧元素 20

1.5.1 ＜mark＞ 20

1.5.2 ＜small＞ 20

1.5.3 ＜cite＞ 21

1.5.4 ＜address＞ 21

1.5.5 ＜time＞ 21

1.6快速参考——HTML5文档 22

第2章CSS样式设置与框模型 24

2.1 CSS与HTML 24

2.2样式与结构 24

2.2.1块级元素 25

2.2.2框模型 25

2.3样式设置基础 26

2.3.1内联样式 26

2.3.2嵌入样式 27

2.3.3外部文件 27

2.3.4引用 28

2.3.5通过关键字引用 28

2.3.6通过id属性引用 29

2.3.7通过class属性引用 29

2.3.8通过任意属性引用 30

2.3.9通过伪类引用 31

2.3.10新选择器 34

2.4在模板上应用CSS 35

2.5传统框模型 35

2.5.1模板 35

2.5.2全局选择器 37

2.5.3新的标题层次结构 38

2.5.4声明新的HTML5元素 38

2.5.5居中显示正文 39

2.5.6创建主框 39

2.5.7标头 40

2.5.8导航栏 40

2.5.9节与边栏 41

2.5.10页脚 42

2.5.11最后一步 44

2.5.12框尺寸 44

2.6弹性框模型 45

2.7理解弹性框模型 52

2.7.1 display 53

2.7.2 box-orient 53

2.7.3 box-direction 54

2.7.4 box-ordinal-group 54

2.7.5 box-pack 56

2.7.6 box-flex 57

2.7.7 box-align 60

2.8快速参考——CSS样式设置与框模型 61

2.8.1弹性框模型 61

2.8.2伪类与选择器 62

第3章 CSS3属性 63

3.1新规则 63

3.1.1强大的CSS3 63

3.1.2模板 63

3.1.3圆角 65

3.1.4阴影效果 66

3.1.5文字阴影 68

3.1.6 @font-face 69

3.1.7线性渐变 70

3.1.8放射渐变 71

3.1.9 RGBA 71

3.1.10 HSLA 72

3.1.11轮廓 73

3.1.12边框图像 73

3.1.13转换与转变 74

3.1.14一次实现全部转换 77

3.1.15 动态转换 78

3.1.16过渡 78

3.2快速参考——CSS3属性 79

第4章 JavaScript 81

4.1 JavaScript相关性 81

4.2引入JavaScript 81

4.2.1内联脚本 81

4.2.2嵌入脚本 82

4.2.3外部文件 84

4.3新选择器 84

4.3.1 querySelector（） 85

4.3.2 querySelectorAll（） 85

4.4事件处理程序 86

4.4.1内联事件处理程序 87

4.4.2在属性中添加事件处理程序 87

4.4.3 addEventListener（）方法 87

4.5 API 88

4.5.1 Canvas API 89

4.5.2拖放API 89

4.5.3地理位置API 89

4.5.4存储API 89

4.5.5文件API 90

4.5.6通信API 90

4.5.7 Web Workers API 90

4.5.8历史API 90

4.5.9离线API 91

4.6外部库 91

4.6.1 jQuery 91

4.6.2 Google Maps 91

4.7快速参考-JavaScript 92

4.7.1元素 92

4.7.2选择器 92

4.7.3事件 92

4.7.4 API 92

第5章 视频与音频 94

5.1在HTML5中播放视频 94

5.1.1 ＜video＞元素 95

5.1.2 ＜video＞属性 95

5.2编程实现视频播放器 96

5.2.1设计 96

5.2.2编码 98

5.2.3事件 98

5.2.4方法 99

5.2.5属性 100

5.2.6实际代码 100

5.3视频格式 103

5.4在HTML5中播放音频 103

5.5编程实现音频播放器 105

5.6快速参考——视频与音频 105

5.6.1元素 105

5.6.2内嵌属性 106

5.6.3视频属性 106

5.6.4事件 106

5.6.5方法 106

5.6.6属性 107

第6章 表单与表单API 108

6.1 HTML网页表单 108

6.1.1 ＜form＞元素 108

6.1.2 ＜input＞元素 109

6.1.3电子邮件类型 109

6.1.4搜索类型 109

6.1.5 URL类型 110

6.1.6电话号码类型 110

6.1.7数字类型 110

6.1.8范围类型 110

6.1.9日期类型 111

6.1.10周类型 111

6.1.11月份类型 111

6.1.12时间类型 111

6.1.13日期与时间类型 112

6.1.14本地日期与时间类型 112

6.1.15颜色类型 112

6.2新属性 112

6.2.1 placeholder属性 113

6.2.2 required属性 113

6.2.3 multiple属性 113

6.2.4 autofocus属性 113

6.2.5 pattern属性 114

6.2.6 form属性 114

6.3新的表单元素 114

6.3.1 ＜datalist＞元素 115

6.3.2 ＜progress＞元素 115

6.3.3 ＜meter＞元素 115

6.3.4 ＜output＞元素 115

6.4表单 API 115

6.4.1 setCustomValidity（） 116

6.4.2无效事件 117

6.4.3实时验证 119

6.4.4有效性约束 121

6.4.5 willValidate 122

6.5快速参考——表单与表单API 122

6.5.1类型 122

6.5.2属性 122

6.5.3元素 123

6.5.4方法 123

6.5.5事件 124

6.5.6状态 124

第7章Canvas API 125

7.1准备Canvas 125

7.1.1 ＜canvas＞元素 125

7.1.2 getContext（） 126

7.2在Canvas上绘图 126

7.2.1绘制矩形 126

7.2.2颜色 127

7.2.3渐变 128

7.2.4创建路径 129

7.2.5线型 134

7.2.6文字 135

7.2.7阴影 136

7.2.8转换 137

7.2.9恢复状态 139

7.2.10 globalCompositeOperation 139

7.3处理图像 141

7.3.1 drawImage（） 141

7.3.2图像数据 142

7.3.3图案 144

7.4在Canvas上实现动画 145

7.5在Canvas上处理视频 146

7.6快速参考——Canvas API 148

7.6.1方法 149

7.6.2属性 151

第8章 拖放API 152

8.1 Web拖放 152

8.1.1新的事件 152

8.1.2 dataTransfer 155

8.1.3 dragenter、dragleave与dragend 156

8.1.4选择有效的源 157

8.1.5 setDragImage（） 158

8.1.6文件 160

8.2快速参考——拖放API 161

8.2.1事件 161

8.2.2方法 162

8.2.3属性 162

第9章 地理位置API 163

9.1定位 163

9.1.1 getCurrentPosition（location） 163

9.1.2 getCurrentPosition（location，error） 165

9.1.3 getCurrentPosition（location，error，configuration） 166

9.1.4 watchPosition（location，error，configuration） 167

9.1.5 Google Maps实战 168

9.2快速参考——地理位置API 169

9.2.1方法 169

9.2.2对象 170

第10章 Web存储API 171

10.1两个存储系统 171

10.2 sessionStorage 172

10.2.1数据存储的实现 172

10.2.2创建数据 173

10.2.3读取数据 174

10.2.4删除数据 175

10.3 localStorage 176

10.3.1 storage事件 177

10.3.2存储空间 178

10.4快速参考——Web存储API 178

10.4.1存储类型 179

10.4.2方法 179

10.4.3属性 179

10.4.4事件 179

第11章 IndexedDB API 180

11.1底层API 180

11.1.1数据库 180

11.1.2对象和对象库 181

11.1.3索引 181

11.1.4事务 182

11.1.5对象库方法 182

11.2实现IndexedDB 183

11.2.1模板 183

11.2.2打开数据库 184

11.2.3数据库版本 185

11.2.4对象库和索引 186

11.2.5添加对象 186

11.2.6获取对象 187

11.2.7完成代码并测试 188

11.3列出数据 188

11.3.1游标 188

11.3.2修改顺序 190

11.4删除数据 192

11.5搜索数据 192

11.6快速参考——IndexedDB API 195

11.6.1环境接口（IDBEnvironment和IDBFactory） 195

11.6.2数据库接口（IDBDatabase） 195

11.6.3对象库接口（IDBObject5tore） 196

11.6.4游标接口（IDBCursor） 196

11.6.5事务接口（IDBTransaction） 197

11.6.6范围接口（IDBKeyRange-Constructors） 197

11.6.7错误接口（IDBDatabase-Exception） 197

第12章 文件 199

12.1文件存储 199

12.2处理用户文件 199

12.2.1模板 200

12.2.2读取文件 201

12.2.3文件属性 202

12.2.4 blob 203

12.2.5事件 205

12.3创建文件 206

12.3.1模板 206

12.3.2硬盘 207

12.3.3创建文件 208

12.3.4创建目录 209

12.3.5列出文件 210

12.3.6处理文件 213

12.3.7移动 213

12.3.8复制 215

12.3.9删除 216

12.4文件内容 217

12.4.1写入内容 217

12.4.2添加内容 219

12.4.3读取内容 220

12.5真实的文件系统 221

12.6快速参考——文件API 225

12.6.1 Blob接口（文件API） 225

12.6.2 File接口（文件API） 225

12.6.3 FileReader接口（文件API） 225

12.6.4 LocalFileSystem接口（文件API：目录和系统） 226

12.6.5 FileSystem接口（文件API：目录和系统） 226

12.6.6 Entry接口（文件API：目录和系统） 226

12.6.7 Directory Entry接口（文件API：目录和系统） 226

12.6.8 Directory Reader接口（文件API：目录和系统） 227

12.6.9 FileEnt接口（文件API ：目录和系统） 227

12.6.10 BlobBuilder接口（文件API：写入器 227

12.6.11 FileWriter接口（文件API：写入器） 227

12.6.12 FileError接口（文件API和扩展） 228

第13章 通信API 229

13.1 Ajax Level 2 229

13.1.1获取数据 229

13.1.2响应属性 231

13.1.3事件 231

13.1.4发送数据 233

13.1.5跨源请求 235

13.1.6上传文件 235

13.1.7真实应用程序 237

13.2跨文档消息传递 240

13.2.1构造函数 240

13.2.2消息事件和属性 240

13.2.3发送消息 241

13.2.4筛选器和跨源 243

13.3 Web套接字 245

13.3.1 WS服务器的配置 245

13.3.2构造函数 246

13.3.3方法 246

13.3.4属性 246

13.3.5事件 247

13.3.6模板 247

13.3.7开始通信 248

13.3.8完整应用程序 249

13.4快速参考——通信API 250

13.4.1 XMLHttpRequest Level 2 250

13.4.2 Web消息传递API 252

13.4.3 WebSocket API 252

第14章Web Workers API 253

14.1需要做的艰巨工作 253

14.1.1创建worker 253

14.1.2发送和接收消息 253

14.1.3检测错误 256

14.1.4终止worker 257

14.1.5同步API 258

14.1.6导入脚本 259

14.1.7共享worker 260

14.2快速参考——Web Workers API 263

14.2.1 worker 263

14.2.2专用worker 264

14.2.3共享worker 264

第15章 历史API 265

15.1 History接口 265

15.1.1 Web导航 265

15.1.2新增方法 265

15.1.3伪造URL 266

15.1.4跟踪 268

15.1.5实例 269

15.2快速参考——历史API 272

第16章 脱机API 273

16.1缓存代码清单 273

16.1.1代码清单文件 273

16.1.2分类 274

16.1.3注释 274

16.1.4使用代码清单文件 275

16.2脱机API 276

16.2.1错误 276

16.2.2联机和脱机 277

16.2.3缓存过程 278

16.2.4进度 280

16.2.5更新缓存 281

16.3快速参考——脱机API 283

16.3.1代码清单文件 283

16.3.2属性 283

16.3.3事件 284

16.3.4方法 284

结束语 285