HTML5开发手册 ( (美)Chuck Hudson) 中文pdf扫描版

html5作为当今最炙手可热的web开发技术，凭借其强大的功能特性和跨平台等优势，吸引了业内开发人员的重点关注，掌握html5技术也成为web开发人员的一项必备技能。

　　 《html5开发手册》采用菜谱的方式为html5新手以及有一定经验的用户提供了一些专家级的建议和经过测试的代码示例，可以帮助其顺利创建高质量的html5应用。《html5开发手册》总共分为15章，先后讲解了html5中新增的元素、浏览器对html5的支持、css3中的新布局和样式、html5 web表单、多媒体技术、地理定位api、客户端存储、websocket api，以及集成设备数据等内容。

　　 《html5开发手册》内容组织合理，示例丰富，适合对html5以及移动应用开发感兴趣的新手阅读。对于有一定经验的web开发人员，《html5开发手册》也极具参考价值。

html5开发手册目录：

第1章　html5中新的结构元素　1

1.1　初学者“菜谱”：建立html5初始文件　1

1.1.1　doctype　2

1.1.2　字符编码　2

1.1.3　javascript和css链接　2

1.1.4　语法编写风格　3

1.2　这些新元素从何而来　4

1.3　初学者“菜谱”：使用header元素建立网站标头　4

1.4　初学者“菜谱”：使用hgroup元素组合标题　7

1.5　初学者“菜谱”：使用nav元素创建导航　7

1.6　中级“菜谱”：使用新article元素　10

1.7　中级“菜谱”：使用section元素对内容分组　11

1.8　初学者“菜谱”：使用aside标记创建侧边栏　13

1.9　初学者“菜谱”：使用footer元素　15

1.10　中级“菜谱”：使用html5大纲工具验证结构　17

1.11　高级“菜谱”：使用所有新标记建立新闻页面　19

1.12　高级“菜谱”：使用所有新元素来建立搜索结果页面　23

1.13　小结　28

第2章　组合、文本级和重新定义的语义　29

.2.1　初学者“菜谱”：使用figure和figcaption元素插入图片和图注　29

2.2　初学者“菜谱”：使用time元素插入日期和时间　31

2.3　初学者“菜谱”：使用details元素创建可伸缩控件　32

2.4　初学者“菜谱”：使用address元素提供通信信息　34

2.5　初学者“菜谱”：使用mark元素高亮文本　35

2.6　初学者“菜谱”：使用s元素显示不准确或不相关的内容　36

2.7　现存元素的变化　36

2.7.1　cite元素　37

2.7.2　ol元素　37

2.7.3　dl元素　39

2.7.4　small元素　41

2.7.5　b和strong元素　41

2.7.6　i和em元素　42

2.7.7　abbr元素　42

2.7.8　hr元素　43

2.7.9　不复存在的元素　43

2.8　初学者“菜谱”：为多个元素添加相同的超链接　43

2.9　中级“菜谱”：利用microdata添加语义信息　44

2.10　中级“菜谱”：在html5中使用wai-aria　46

2.11　高级“菜谱”：编写带有评论的文章页面　48

2.12　小结　50

第3章　应对浏览器的html5支持　51

3.1　初学者“菜谱”：ie支持问题　51

3.1.1　利用javascript解决html5兼容问题　51

3.1.2　使css兼容　52

3.2　模板　52

3.3　初学者“菜谱”：html5特性检查　53

3.4　中级“菜谱”：使用jquery替代calendar标记　54

3.5　中级“菜谱”：利用modernizr检查特性　57

3.6　polyfilling　60

3.7　html5验证网站　61

3.8　小结　62

第4章　css3新布局和样式技巧　63

4.1　中级“菜谱”：使用css3媒介查询(media query)建立响应式设计　63

4.1.1　合理使用　69

4.1.2　目标设备为iphone和android手机　69

4.2　初学者“菜谱”：使用@font-face进行自定义字体　69

4.2.1　文件格式和跨浏览器问题　71

4.2.2　字体服务　72

4.3　中级“菜谱”：使用css渐变和复合背景创建按钮　73

4.4　中级“菜谱”：使用变换和过渡以美化网站　76

4.5　高级“菜谱”：利用css创建动画　81

4.6　小结　85

第5章　html5 web表单　87

5.1　验证　87

5.2　html 4输入类型　87

5.3　初学者“菜谱”：建立联系人表单　89

5.3.1　input type="email"　89

5.3.2　input type="tel"　91

5.3.3　input type="url"　91

5.4　初学者“菜谱”：利用input type= "search"建立搜索表单　92

5.5　初学者“菜谱”：建立日历和时间控件　93

5.5.1　input type="datetime"　93

5.5.2　input type="datetime-local"　94

5.5.3　input type="date"　94

5.5.4　input type="time"　94

5.5.5　input type="month"　95

5.5.6　input type="week"　95

5.5.7　限定日期和时间　96

5.6　初学者“菜谱”：创建数字选择器　96

5.7　初学者“菜谱”：创建滑块(无需javascript)　97

5.8　初学者“菜谱”：创建颜色选择器　98

5.9　初学者“菜谱”：使用output元素显示结果　98

5.10　初学者“菜谱”：使用占位文字(placeholder)　99

5.11　初学者“菜谱”：利用list和datalist完成自动补全功能　100

5.12　初学者“菜谱”：使用progress元素跟踪任务完成程度　101

5.13　初学者“菜谱”：使用meter元素进行计量　102

5.14　初学者“菜谱”：页面载入时跳转到某个form元素　103

5.15　初学者“菜谱”：允许多个条目　104

5.16　初学者“菜谱”：利用required属性进行基本验证　105

5.17　中级“菜谱”：编写自定义验证规则　105

5.18　初学者“菜谱”：限制用户输入　106

5.18.1　step　106

5.18.2　min，max　106

5.18.3　formnovalidate，novalidate　107

5.19　中级“菜谱”：自定义表单样式　107

5.20　错误消息　109

5.21　高级“菜谱”：综合应用以创建注册表单　109

5.22　小结　113

第6章　canvas绘图　115

6.1　canvas介绍　115

6.1.1　初始工作　116

6.1.2　x和y坐标　117

6.2　初学者“菜谱”：在canvas上绘制网格　117

6.3　初学者“菜谱”：绘制简单的图形和线段　122

6.3.1　绘制长方形或正方形并设置样式　122

6.3.2　为图形添加渐变填充　123

6.3.3　绘制线段或路径　124

6.4　中级“菜谱”：使用路径绘制多边形　126

6.5　中级“菜谱”：绘制弧形和圆形　129

6.6　初学者“菜谱”：添加文字　129

6.7　初学者“菜谱”：绘制图片　130

6.8　中级“菜谱”：裁剪图片　131

6.9　中级“菜谱”：子图动画　132

6.10　高级“菜谱”：为图片添加动画　136

6.11　高级“菜谱”：柱形图表动画　139

6.12　小结　145

第7章　html5嵌入视频　147

7.1　初学者“菜谱”：使用video元素插入视频　147

7.1.1　浏览器和设备支持　148

7.1.2　html5和视频编码　148

7.1.3　为何我们需要了解编码　149

7.2　中级“菜谱”：在所有浏览器中使用视频　150

7.2.1　为过时浏览器添加回滚内容　150

7.2.2　新的视频属性　153

7.3　中级“菜谱”：为视频创建字幕　155

7.4　媒体api　159

7.5　高级“菜谱”：创建自定义控件　160

7.6　小结　168

第8章　html5嵌入音频　169

8.1　初学者“菜谱”：利用audio元素嵌入音频　169

8.2　中级“菜谱”：在所有浏览器中使用音频　170

8.3　新的音频属性　172

8.3.1　src属性　172

8.3.2　preload属性　172

8.3.3　loop属性　172

8.3.4　autoplay属性　172

8.3.5　controls属性　173

8.4　媒体api　174

8.5　中级“菜谱”：创建混音器　175

8.6　高级“菜谱”：添加流媒体广播　179

8.7　小结　187

第9章　修改浏览器历史记录　189

9.1　历史记录(history)基础　189

9.2　初学者“菜谱”：使用pushstate添加历史记录　190

9.3　初学者“菜谱”：创建图片查看器　193

9.4　中级“菜谱”：在图片查看器中弹出状态　195

9.5　初学者“菜谱”：使用replacestate修改历史记录　197

9.6　中级“菜谱”：修改页面历史记录　199

9.7　高级“菜谱”：使用高级状态数据在页面间传递信息　201

9.8　中级“菜谱”：测试历史记录安全性　205

9.9　实用库　208

9.10　小结　208

第10章　geolocation api位置感知　211

10.1　geolocation简介　211

10.1.1　浏览器兼容性　212

10.1.2　获取位置：getcurrentposition　212

10.2　初学者“菜谱”：简单使用getcurrent-position获取当前位置　213

10.3　中级“菜谱”：使用getcurrentposition映射位置　216

10.4　中级“菜谱”：使用positionoptions确定距离　221

10.5　高级“菜谱”：使用watchposition跟随移动中的位置　227

10.6　小结　234

第11章　客户端存储　235

11.1　客户端存储概要　235

11.1.1　数据安全　236

11.1.2　键与值：sessionstorage和localstorage　237

11.2　初学者“菜谱”：获取和写入会话存储　238

11.3　初学者“菜谱”：使用会话存储记录样式　241

11.4　中级“菜谱”：使用本地存储保存表单　245

11.5　高级“菜谱”：捕获本地存储事件　249

11.6　web sql database api　256

11.7　高级“菜谱”：使用web数据库创建货物列表　259

11.8　小结　267

第12章　通信与线程　269

12.1　websocket api简介　269

12.2　初学者“菜谱”：通过web sockets交流　270

12.3　通过web workers创建线程　274

12.4　初学者“菜谱”：创建web worker　275

12.5　中级“菜谱”：添加双向通信　279

12.6　高级“菜谱”：利用共享web worker　282

12.7　小结　288

第13章　html5中的浏览器体验　289

13.1　拖放api　289

13.2　初学者“菜谱”：div间拖放　290

13.3　高级“菜谱”：利用事件和datatransfer　294

13.4　应用程序缓存和api　302

13.4.1　浏览器缓存安全　303

13.4.2　引用清单(manifest)文件　303

13.5　初学者“菜谱”：创建清单文件　303

13.5.1　cache　304

13.5.2　fallback　304

13.5.3　network　305

13.5.4　更新缓存　305

13.6　初学者“菜谱”：离线使用页面　306

13.7　应用缓存api　308

13.8　通知(notification)api　309

13.8.1　通知权限　310

13.8.2　浏览器兼容性　310

13.9　初学者“菜谱”：显示简单的通知　311

13.10　高级“菜谱”：创建tweet通知页面　314

13.11　小结　322

第14章　使用本地文件　323

14.1　file api介绍　323

14.2　初学者“菜谱”：获取文件属性　324

14.3　初学者“菜谱”：拖放、处理多个文件　326

14.4　filereader接口　330

14.5　中级“菜谱”：使用readasdataurl预览图片　331

14.6　高级“菜谱”：使用readastext解析csv文件　335

14.7　file api扩展规范　342

14.8　高级“菜谱”：创建本地文件　344

14.9　小结　349

第15章　整合设备数据　351

15.1　设备api简史　351

15.2　通讯录api　352

15.3　初学者“菜谱”：获取所有联系人和手机号码　354

15.4　messaging api　357

15.5　network information api　358

15.6　电池状态事件　358

15.7　html media capture　359

15.8　中级“菜谱”：使用file input捕获图片　359

15.9　设备方向和移动事件　363

15.10　中级“菜谱”：创建水准仪　364

15.11　小结　368