HTML5实战

目前，系统介绍HTML5的图书已经不少了，但像本书这样以“问题－解答－分析”为主线的实战类教程还不多见。本书秉承Solutions系列的一贯风格，将HTML5新增的标签和Web应用API条分缕析，按照常见的任务组织起来，为各层次HTML5开发人员提供了一本集实用性和参考性于一体的实战手册。

本书共包含近80个HTML5实战案例，几乎涵盖了HTML5的方方面面，包括结构化标记、语义元素、新增表单输入类型及属性、音频及视频、Canvas绘图、通信API、WebSocket、Geolocation、本地存储及HTML5无障碍访问等。全书每个案例都从提出实际问题开始，继而分析解决问题所需的技术点，接着详细讨论实现步骤并展示代码示例和相关的截图，最后还会给出专家提示，指明相关技术的适用范围、优劣势以及其他可能的方案和有价值的参考资源。读者如果能够理解并贯通这8...

(展开全部)

目前，系统介绍HTML5的图书已经不少了，但像本书这样以“问题－解答－分析”为主线的实战类教程还不多见。本书秉承Solutions系列的一贯风格，将HTML5新增的标签和Web应用API条分缕析，按照常见的任务组织起来，为各层次HTML5开发人员提供了一本集实用性和参考性于一体的实战手册。

本书共包含近80个HTML5实战案例，几乎涵盖了HTML5的方方面面，包括结构化标记、语义元素、新增表单输入类型及属性、音频及视频、Canvas绘图、通信API、WebSocket、Geolocation、本地存储及HTML5无障碍访问等。全书每个案例都从提出实际问题开始，继而分析解决问题所需的技术点，接着详细讨论实现步骤并展示代码示例和相关的截图，最后还会给出专家提示，指明相关技术的适用范围、优劣势以及其他可能的方案和有价值的参考资源。读者如果能够理解并贯通这80个实战案例，一定可以在HTML5开发之路上登堂入室，跻身中高级开发者行列。

这是一本面向初中级读者的实例参考书，以实战、实例、实用为主要特色，读者只要有基本的HTML和JavaScript基础即可。

Marco Casario是Adobe技术社区的活跃分子。2005年，Marco创办过探索RIA新技术的Comtaste和专注移动Web开发的MobyMobile，而YouThru则是他最近的工作成果。Marco还创建了世界上最大的Flash Lite User Group和意大利Adobe用户社区（www.augitaly.com）。Marco当前正在开发一个Flex银行项目。

Peter Elst是一位比利时的自由IT咨询师，是Project Cocoon公司联合创始人。作为受尊敬的社区成员，Peter经常在各种行业会议上演讲，并且在前沿期刊上发表了一些工作成果。

Charles Brown是知名作者、咨询师和培训师。他撰写的Dreamweaver和Fireworks图书深受读者欢迎，被世界各地高校用作培训教材。Charles还是钢琴、风琴和吉他...

(展开全部)

Marco Casario是Adobe技术社区的活跃分子。2005年，Marco创办过探索RIA新技术的Comtaste和专注移动Web开发的MobyMobile，而YouThru则是他最近的工作成果。Marco还创建了世界上最大的Flash Lite User Group和意大利Adobe用户社区（www.augitaly.com）。Marco当前正在开发一个Flex银行项目。

Peter Elst是一位比利时的自由IT咨询师，是Project Cocoon公司联合创始人。作为受尊敬的社区成员，Peter经常在各种行业会议上演讲，并且在前沿期刊上发表了一些工作成果。

Charles Brown是知名作者、咨询师和培训师。他撰写的Dreamweaver和Fireworks图书深受读者欢迎，被世界各地高校用作培训教材。Charles还是钢琴、风琴和吉他演奏家，活跃在世界各地的音乐舞台上。

Nathalie Wormser是一位印度的自由Web开发者，对多媒体技术和视频游戏兴趣深厚。她是Project Cocoon Multimedia的联合创始人，该公司位于印度南部的本地治里市。

Cyril Hanquez是一位ColdFusion、RIA咨询师，拥有15年IT行业经验，主要在比利时参与欧盟事业机构的项目。目前，他是Adobe Community Professional及当地ColdFusion User Group共同负责人。

目 　录

第1章 　HTML5页面结构　　1
实战1-1 　创建HTML5的DOCTYPE　　1
实战1-2 　在HTML5中声明字符编码　　2
实战1-3 　将文档分成不同区域　　3
· · · · · · (更多)

目 　录

第1章 　HTML5页面结构　　1
实战1-1 　创建HTML5的DOCTYPE　　1
实战1-2 　在HTML5中声明字符编码　　2
实战1-3 　将文档分成不同区域　　3
实战1-4 　使文档各部分可独立分发　　4
实战1-5 　创建旁注　　4
实战1-6 　创建文头　　5
实战1-7 　组合<h1>至<h6>元素　　7
实战1-8 　创建文脚　　8
实战1-9 　在HTML5文档中创建导航　　9
实战1-10 　插入图表　　11
实战1-11 　浏览器兼容性　　12
本章小结　　15
第2章 　HTML5标记　　16
实战2-1 　在HTML5中使用<hr>标签　　16
实战2-2 　使用<iframe>标签　　18
实战2-3 　在页面中嵌入媒体　　19
实战2-4 　使用<area>标签　　21
本章小结　　23
第3章 　HTML5结构化语义元素　　24
认识微数据　　24
实战3-1 　使用itemprop和itemscope属性　　26
实战3-2 　创建自定义词汇表　　31
实战3-3 　理解链接类型和关系　　35
实战3-4 　header和hgroup元素　　37
实战3-5 　添加图片说明　　41
实战3-6 　添加旁注　　43
本章小结　　48
第4章 　HTML5表单　　49
认识新的输入类型　　50
实战4-1 　使用email输入类型　　50
实战4-2 　使用URL输入类型　　53
实战4-3 　使用数字微调控件　　55
实战4-4 　用range输入类型添加滑动框控件　　58
实战4-5 　发送多个文件　　61
实战4-6 　使用datalist组件实现输入的自动完成　　63
实战4-7 　验证表单控件　　65
实战4-8 　利用正则表达式创建自定义输入类型　　69
实战4-9 　设置输入框的占位符文本　　71
实战4-10 　创建日期和时间控件　　72
本章小结　　75
第5章 　HTML5媒体元素：Audio和Video　　76
实战5-1 　在Web页面中嵌入视频　　78
实战5-2 　检测浏览器是否支持<video>　　80
实战5-3 　定制视频控件　　83
实战5-4 　预加载视频　　92
实战5-5 　自定义视频进度条　　93
实战5-6 　使用多源<video>元素　　99
实战5-7 　全屏播放视频　　101
实战5-8 　为视频添加遮罩　　104
实战5-9 　使用<audio>元素　　107
本章小结　　108
第6章 　HTML5绘图API　　110
实战6-1 　如何使用<canvas>元素的绘图API　　110
实战6-2 　使用路径和坐标　　113
实战6-3 　绘制图形：矩形和圆形　　121
实战6-4 　用纯色填充图形　　124
实战6-5 　使用渐变色填充　　128
实战6-6 　在<canvas>中写字　　132
实战6-7 　相对文字大小　　135
实战6-8 　输出PNG图片文件　　138
本章小结　　142
第7章 　HTML5 Canvas　　143
实战7-1 　了解画布API　　143
实战7-2 　检测是否支持<canvas>和绘制文本　　150
实战7-3 　认识屏幕坐标系统和<canvas>变换　　156
实战7-4 　操作像素　　160
实战7-5 　应用阴影和模糊　　166
实战7-6 　<canvas>的动画效果　　170
本章小结　　176
第8章 　HTML5通信API　　177
认识postMessage API　　177
增强postMessage通信安全　　178
实战8-1 　检查浏览器是否支持postMessage API　　179
跨文档消息和CORS　　181
实战8-2 　在window和<iframe>间传送消息　　181
实战8-3 　用服务端事件技术编写实时Web应用　　186
实战8-4 　用消息通道在不同的浏览上下文中运行代码　　190
实战8-5 　用XMLHttpRequest Level 2上传文件　　192
实战8-6 　检查XMLHtppRequest Level 2跨源浏览器支持　　195
本章小结　　198
第9章 　HTML5 WebSocket　　199
实战9-1 　检查浏览器是否支持WebSocket　　199
实战9-2 　建立WebSocket连接　　201
实战9-3 　处理WebSocket事件　　204
实战9-4 　通过WebSocket API使用WebSocket Server　　207
本章小结　　216
第10章 　HTML5地理定位API　　217
认识地理定位API　　217
实战10-1 　使用navigator对象　　218
实战10-2 　获取当前位置　　219
实战10-3 　使用position对象　　222
实战10-4 　处理定位错误　　225
实战10-5 　追踪用户的位置　　227
实战10-6 　使用geo.js开源库　　230
本章小结　　232
第11章 　HTML5本地存储　　233
实战11-1 　认识偶尔连接的应用　　233
实战11-2 　检查HTML5存储支持情况　　236
实战11-3 　为页面声明清单文件　　241
实战11-4 　使用ApplicationCache对象　　244
实战11-5 　ApplicationCache事件　　246
实战11-6 　删除本地缓存　　248
本章小结　　252
第12章 　HTML5无障碍访问　　253
无障碍访问的四个原则　　253
WCAG的目的　　254
实战12-1 　用<nav>元素创建锚点链接　　255
实战12-2 　创建无障碍的表格数据　　258
实战12-3 　创建无障碍的表单　　262
实战12-4 　使用<video>元素并添加字幕和注解　　265
实战12-5 　使用ARIA项目　　267
本章小结　　274
· · · · · · (收起)

以此缅怀我的奶奶Maria ——Marco Casario 向一直激励着我的人致敬 ——Peter Elst 致S.P. ——Nathalie Wormser 将本书送给一直爱我、支持我的妻子，还有我亲爱的、有耐心的孩子们 ——Cyril Hanquez

• 献 辞
• 前　　言
• 第1章HTML5页面结构