《HTML5实战》由卡萨里奥、Peter Elst、Charles Brown、Nathalie Wormser、Cyril Hanquez编著,共包含近80个HTML5实战案例,几乎涵盖了HTML5的方方面面,包括结构化标记、语义元素、新增表单输入类型及属性、音频及视频、Canvas绘图、通信API、WebSocket、Geolocation、本地存储及HTML5无障碍访问等。全书每个案例都从提出实际问题开始,继而分析解决问题所需的技术点,接着详细讨论实现步骤并展示代码示例和相关的截图,最后还会给出专家提示,指明相关技术的适用范围、优劣势以及其他可能的方案和有价值的参考资源。读者如果能够理解并贯通这80个实战案例,一定可以在HTML5开发之路上登堂入室,跻身中高级开发者行列。
本书是一本面向初中级读者的实例参考书,以实战、实例、实用为主要特色,读者只要有基本的HTML和JavaScript基础即可。
《HTML5实战》由卡萨里奥、Peter Elst、Charles Brown、Nathalie Wormser、Cyril Hanquez编著,本书秉承Solutions系列的一贯风格,将HTML5新增的标签和API组织成80余个实战案例,是一本集实用性和参考性于一体的实战手册。本书实战案例涉及HTML5结构化标记、语义元素、新增表单类型、音频及视频、Canvas绘图、通信API、WebSocket、Geolacation、本地存储及HTML5无障碍访问等,几乎涵盖了HTML5的方方面面。 《HTML5实战》不仅适合刚刚入门的新手学习,也适合作为开发人员的案头工具。
第1章 HTML5页面结构
实战1-1 创建HTML5的DOCTYPE
实战1-2 在HTML5中声明字符编码
实战1-3 将文档分成不同区域
实战1-4 使文档各部分可独立分发
实战1-5 创建旁注
实战1-6 创建文头
实战1-7 组合h1至h6元素
实战1-8 创建文脚
实战1-9 在HTML5文档中创建导航
实战1-10 插入图表
实战1-11 浏览器兼容性
本章小结
第2章 HTML5标记
实战2-1 在HTML5中使用hr标签
实战2-2 使用iframe标签
实战2-3 在页面中嵌入媒体
实战2-4 使用area标签
本章小结
第3章 HTML5结构化语义元素
认识微数据
实战3-1 使用itemprop和itemscope属性
实战3-2 创建自定义词汇表
实战3-3 理解链接类型和关系
实战3-4 header和hgroup元素
实战3-5 添加图片说明
实战3-6 添加旁注
本章小结
第4章 HTML5表单
认识新的输入类型
实战4-1 使用email输入类型
实战4-2 使用URL输入类型
实战4-3 使用数字微调控件
实战4-4 用range输入类型添加滑动框控件
实战4-5 发送多个文件
实战4-6 使用datalist组件实现输入的自动完成
实战4-7 验证表单控件
实战4-8 利用正则表达式创建自定义输入类型
实战4-9 设置输入框的占位符文本
实战4-10 创建日期和时间控件
本章小结
第5章 HTML5媒体元素:Audio和Video
实战5-1 在Web页面中嵌入视频
实战5-2 检测浏览器是否支持video
实战5-3 定制视频控件
实战5-4 预加载视频
实战5-5 自定义视频进度条
实战5-6 使用多源video元素
实战5-7 全屏播放视频
实战5-8 为视频添加遮罩
实战5-9 使用audio元素
本章小结
第6章 HTML5绘图API
实战6-1 如何使用canvas元素的绘图API
实战6-2 使用路径和坐标
实战6-3 绘制图形:矩形和圆形
实战6-4 用纯色填充图形
实战6-5 使用渐变色填充
实战6-6 在canvas中写字
实战6-7 相对文字大小
实战6-8 输出PNG图片文件
本章小结
第7章 HTML5 Canvas
实战7-1 了解画布API
实战7-2 检测是否支持canvas和绘制文本
实战7-3 认识屏幕坐标系统和canvas变换
实战7-4 操作像素
实战7-5 应用阴影和模糊
实战7-6 canvas的动画效果
本章小结
第8章 HTML5通信API
认识postMessage API
增强postMessage通信安全
实战8-1 检查浏览器是否支持postMessage API
跨文档消息和CORS
实战8-2 在window和iframe间传送消息
实战8-3 用服务端事件技术编写实时Web应用
实战8-4 用消息通道在不同的浏览上下文中运行代码
实战8-5 用XMLHttpRequest Level 2上传文件
实战8-6 检查XMLHtppRequest Level 2跨源浏览器支持
本章小结
第9章 HTML5 WebSocket
实战9-1 检查浏览器是否支持WebSocket
实战9-2 建立WebSocket连接
实战9-3 处理WebSocket事件
实战9-4 通过WebSocket API使用WebSocket Server
本章小结
第10章 HTML5地理定位API
认识地理定位API
实战10-1 使用navigator对象
实战10-2 获取当前位置
实战10-3 使用position对象
实战10-4 处理定位错误
实战10-5 追踪用户的位置
实战10-6 使用geo.js开源库
本章小结
第11章 HTML5本地存储
实战11-1 认识偶尔连接的应用
实战11-2 检查HTML5存储支持情况
实战11-3 为页面声明清单文件
实战11-4 使用ApplicationCache对象
实战11-5 ApplicationCache事件
实战11-6 删除本地缓存
本章小结
第12章 HTML5无障碍访问
无障碍访问的四个原则
WCAG的目的
实战12-1 用nav元素创建锚点链接
实战12-2 创建无障碍的表格数据
实战12-3 创建无障碍的表单
实战12-4 使用video元素并添加字幕和注解
实战12-5 使用ARIA项目
本章小结