HTML5实战 内容简介

陶国荣编著的《HTML5实战》是一本系统而全面的HTML 5教程，根据HTML 5标准的最新草案，系统地对HTML 5的所有重要知识点进行了全面的讲解。在写作方式上，本书以一种开创性的方式使理论与实践达到极好的平衡，不仅对理论知识进行了清晰而透彻的阐述，而且根据读者理解这些知识的需要，精心设计了106个完整（每个案例分为功能描述、实现代码、效果展示和代码分析4个部分）的实战案例，旨在帮助读者通过实践的方式迅速掌握这些知识。

《HTML5实战》共11章，内容涵盖了HTML 5的各个方面。第1章通过实现一个简单的HTML 5页面讲解了如何搭建支持HTML 5的浏览器环境、HTML 5页面所具备的特征，以及如何检测浏览器对HTML 5的各种特性的支持情况；第2章介绍了HTML 5中常用的交互元素，包括内容交互元素、菜单交互元素和状态交互元素等几大类；第3章介绍了HTML根元素、文档元素，以及与脚本、节点、分组内容、文本层次语义、嵌入内容、公共属性相关的重要元素；第4章和第5章讲解了HTML 5中的表单和文件的功能特性以及常见的各种操作；第6章和第7章讲解了HTML 5中的音频、视频和绘图相关的知识，重点讲解了各种常见的操作和使用方法；第8章和第9章讲解了HTML 5中的数据存储和离线应用；第10章对Web Sockets、Geolocation、Web Workers、元素的拖放等重要内容进行了全面的讲解。

本书适合所有想系统学习HTML 5的读者阅读。如果按照本书的顺序逐章阅读，同时亲自动手实现本书中的案例，相信一定能达到事半功倍的效果。

HTML5实战 目录

前言

第1章 拥抱HTML5

1.1 一个简单的HTML5页面

1.1.1 搭建支持的浏览器环境

1.1.2 检测浏览器是否支持HTML5标记

1.1.3 使用HTML5结构编写一个简单的Web页面

1.2 HTML5页面的特征

1.2.1 应用全新的HTML5特征结构化元素

1.2.2 使用CSS文件美化HTML5新元素

1.3 本章小结

第2章 HTML5中常用的交互元素

2.1 内容交互元素

2.1.1 details元素

2.1.2 summary元素

2.2 菜单交互元素

2.2.1 menu元素

2.2.2 command元素

2.3 状态交互元素

2.3.1 progress元素

2.3.2 meter元素

2.4 本章小结

第3章 HTML5中的重要元素

3.1 html根元素

3.2 文档元素

3.3 脚本

3.4 节点

3.4.1 section元素

3.4.2 nav元素

3.4.3 hgroup元素

3.4.4 address元素

3.5 分组内容

3.5.1 ul元素

3.5.2 ol元素

3.5.3 dl元素

3.6 文本层次语义

3.6.1 time元素

3.6.2 mark元素

3.6.3 cite元素

3.7 嵌入内容

3.7.1 img元素

3.7.2 iframe元素

3.7.3 object元素

3.8 公共属性

3.8.1 draggable属性

3.8.2 hidden属性

3.8.3 spellcheck属性

3.8.4 contenteditable属性

3.9 本章小结

第4章 HTML5中的表单

4.1 input元素的新增类型

4.1.1 email邮件类型

4.1.2 url地址类型

4.1.3 number数字类型

4.1.4 range数字滑动条

4.1.5 date日期类型

4.1.6 search搜索类型

4.2 input元素新增的公用属性

4.2.1 autofocus属性

4.2.2 pattern属性

4.2.3 placeholder属性

4.2.4 required属性

4.3 新增表单元素

4.3.1 datalist元素

4.3.2 output元素

4.3.3 keygen元素

4.4 表单新增的验证方法和属性

4.4.1 checkValidity显式验证法

4.4.2 使用setCustomValidity方法修改提示信息

4.4.3 表单的novalidate属性

4.5 本章小结

第5章 HTML5中的文件

5.1 选择文件

5.1.1 选择单个文件

5.1.2 选择多个文件

5.1.3 使用Blob接口获取文件的类型与大小

5.1.4 通过类型过滤选择的文件

5.1.5 通过accept属性过滤选择文件的类型

5.2 使用FileReader接口读取文件

5.2.1 FileReader接口的方法

5.2.2 使用readAsDataURL方法预览图片

5.2.3 使用readAsText方法读取文本文件

5.2.4 侦听FileReader接口中的事件

5.3 使用DataTransfer对象拖放上传图片文件

5.4 文件读取时的错误与异常

5.4.1 发生错误与异常的条件

5.4.2 错误代码说明

5.5 本章小结

第6章 HTML5中的视频和音频

6.1 多媒体元素基本属性

6.1.1 元素格式

6.1.2 width与height属性

6.1.3 controls属性

6.1.4 poster属性

6.1.5 networkState属性

6.1.6 error属性

6.1.7 其他属性

6.2 多媒体元素常用方法

6.2.1 媒体播放时的方法

6.2.2 canPlayType方法

6.3 多媒体元素重要事件

6.3.1 媒体播放事件

6.3.2 timeupdate事件

6.3.3 其他事件

6.4 本章小结

第7章 HTML5绘图基础

7.1 画布的基础知识

7.1.1 canvas元素的基本用法

7.1.2 绘制带边框矩形

7.1.3 绘制渐变图形

7.2 在画布中使用路径

7.2.1 moveTo与lineTo的用法

7.2.2 使用arc方法绘制圆形

7.2.3 绘制渐变圆形

7.3 对画布中图形的操作

7.3.1 变换图形原点坐标

7.3.2 组合多个图形

7.3.3 添加图形阴影

7.4 处理画布中的图像

7.4.1 绘制图像

7.4.2 平铺图像

7.4.3 切割图像

7.4.4 处理像素

7.5 画布的其他应用

7.5.1 绘制文字

7.5.2 保存、恢复及输出图形

7.5.3 制作简单的动画

7.6 本章小结

第8章 HTML5中的数据存储

8.1 WebStorage存储简介

8.1.1 sessionStorage对象

8.1.2 localStorage对象

8.2 localStorage详解

8.2.1 清空localStorage数据

8.2.2 遍历localStorage数据

8.2.3 使用JSON对象存取数据

8.2.4 管理localStorage数据

8.3 WebSQL数据库基础

8.3.1 打开与创建数据库

8.3.2 执行事务

8.3.3 插入数据

8.3.4 数据管理

8.4 本章小结

第9章 HTML5中的离线应用

9.1 离线应用程序

9.1.1 manifest文件简介

9.1.2 配置IIS服务器

9.1.3 离线应用的开发过程

9.2 本地缓存的更新及状态检测

9.2.1 updateready事件

9.2.2 update方法

9.2.3 swapCache方法

9.2.4 更新本地缓存时触发的其他事件

9.3 检测在线状态

9.3.1 onLine属性

9.3.2 online与offline事件

9.3.3 离线数据交互应用开发过程

9.4 本章小结

第10章 HTML5中的其他应用型API

10.1 WebSocketsAPI

10.1.1 postMessage方法

10.1.2 使用WebSocket传送数据

10.1.3 使用WebSocket传送JSON对象

10.2 GeolocationAPI

10.2.1 使用getCurrentPosition方法获取当前地理位置

10.2.2 使用Google地图锁定位置

10.3 WebWorkersAPI

10.3.1 Worker对象处理线程

10.3.2 使用线程传递JSON对象

10.3.3 使用线程嵌套交互数据

10.4 本章小结

第11章 HTML5中元素的拖放

11.1 拖放基础

11.1.1 使用JavaScript代码实现拖放

11.1.2 在HTML5中实现拖放时触发的事件

11.2 dataTransfer对象应用详解

11.2.1 使用setData与getData方法存入与读取拖放数据

11.2.2 使用setDragImage方法设置拖放图标

11.2.3 使用effectAllowed与dropEffect属性设置拖放效果

11.3 拖放应用实战

11.3.1 购物车的实现

11.3.2 相册的管理

11.4 本章小结

实例目录

实例1-1 检测浏览器是否支持HTML5

实例1-2 Hello,World页面的实现

实例1-3 页面分栏实现

实例1-4 样式化页面实现

实例2-1 交互元素

HTML5实战 精彩文摘

HTML 5的草案诞生于2004年，在2007年时被W3C采纳。W3C组建了专门的HTML开发小组对HTML 5进行开发和维护。与此同时，各大浏览器厂商也给予HTML 5强有力的支持，如Mozlilla、Microsoft、Google等公司开发的最新的版本浏览器都在不同程度上支持了HTML 5的新功能和新特性。可以说，HTML 5将引领Web发展的方向，代表Web开发的未来。