HTML5移动应用开发入门经典 内容简介

《HTML5移动应用开发入门经典》总共分为24章，以示例的方式对如何使用HTML5及相关技术进行移动应用开发做了全面而细致的介绍。本书首先讲解了HTML5的起源以及它为什么适用于移动设备，然后讲解了HTML5的基本元素以及所做的改进、canvas(画布)、视音频、微格式、微数据、拖曳等新增特性，还讲解了WebSocket、Web Workers、Web存储、离线Web应用程序、地理定位等新增的API。同时，《HTML5移动应用开发入门经典》还针对不同平台(如iOS、BlackBerry、Android)的移动设备、不同的浏览器，就如何开发高可用性的移动应用程序进行了讲解。

《HTML5移动应用开发入门经典》内容组织合理，示例丰富，操作步骤简洁明了，非常适合对移动应用开发感兴趣的读者阅读。对于有一定移动应用开发经验的读者，本书也具有很大的参考价值。

HTML5移动应用开发入门经典 目录

第1章 使用HTML5改进移动Web应用的开发

1.1 了解HTML5的由来

1.1.1 XML及XHTML

1.1.2 HTML5的诞生

1.2 了解HTML5的不同之处

1.3 定义Web应用

1.4 使用开放Web标准

1.5 在iOS和Android设备中使用HTML5

1.6 编写移动网站

1.6.1 移动设备的屏幕尺寸和分辨率

1.6.2 移动用户需要的内容

1.6.3 使用的HTML、CSS及JavaScript是否有效且简洁

1.6.4 网站是否需要为移动用户使用独立域名

1.6.5 网站需要通过怎样的测试

1.7 总结

1.8 问与答

1.9 测验

1.9.1 问题

1.9.2 练习

第2章 移动开发中新的HTML5标签和属性

2.1 HTML5中的新标签

2.1.1 新布局标签

2.1.2 其他语义元素

2.1.3 新的多媒体标签

2.1.4 新的表单功能

2.1.5 更好的国际化支持

2.2 HTML5的新属性

2.3 HTML 4标签和属性的变化

2.4 HTML5中的HTML语法变化

2.5 HTML5标签及属性对移动设备的支持

2.6 HTML5给移动Web开发带来的好处

2.6.1 HTML5包含了性能优良的API

2.6.2 HTML5

2.6.3 用户更青睐Web应用程序

2.7 总结

2.8 问与答

2.9 测验

2.9.1 问题

2.9.2 练习

第3章 用CSS3设计移动页面样式

3.1 CSS简介

3.1.1 创建CSS样式表

3.1.2 使用CSS更改字体

3.1.3 使用CSS设计布局

3.2 CSS3的新增功能

3.2.1 圆角

3.2.2 盒阴影及文字阴影

3.2.3 透明色

3.3 在移动设备上使用CSS3

3.4 总结

3.5 问与答

3.6 测验

3.6.1 问题

3.6.2 练习

第4章 移动设备检测及对HTML5的支持

4.1 选择HTML5元素

4.2 Android及iOS对HTML5的支持

4.3 检测HTML5功能

4.3.1 利用全局元素检测属性

4.3.2 利用创建的元素检测属性

4.3.3 检测方法能否返回正确的值

4.3.4 检测元素是否保留值

4.3.5 处理IE 8、IE 7和IE 6

4.4 优雅降级

4.5 使用CSS3媒体查询检测移动浏览器

4.5.1 检测宽度与高度

4.5.2 检测屏幕方向

4.5.3 检测屏幕纵横比

4.5.4 检测颜色

4.5.5 检测分辨率

4.5.6 检测电视及网格设备

4.6 测试应用程序

4.7 总结

4.8 问与答

4.9 测验

4.9.1 问题

4.9.2 练习

第5章 JavaScript和HTML5 Web应用程序

5.1 JavaScript是什么

5.1.1 创建rollover

5.1.2 表单数据验证

5.1.3 打开新窗口

5.1.4 Cookies的设置及读取

5.2 什么是jQuery

5.2.1 使用jQuery制作rollover

5.2.2 使用jQuery进行表单数据验证

5.2.3 在Web应用程序中使用jQuery

5.3 使用jQuery Mobile

5.4 总结

5.5 问与答

5.6 测验

5.6.1 问题

5.6.2 练习

第6章 创建移动Web应用

6.1 建设一个在所有设备上都能运行的网站

6.2 确定应用程序类型

6.3 用HTML创建应用程序

6.4 使用CSS改善HTML外观

6.4.1 更改字体

6.4.2 加入颜色及背景图像

6.4.3 设置布局样式

6.5 加入移动meta标签以更有效地创建HTML5页面

6.6 针对移动用户来优化网站

6.7 总结

6.8 问与答

6.9 测验

6.9.1 问题

6.9.2 练习

第7章 将站点升级至HTML5

7.1 确定何时从HTML4升级及升级的具体方式

7.1.1 现有标准的通行浏览器支持

7.1.2 逐渐升级至HTML5

7.1.3 来访浏览器类型评估

7.1.4 移动互联网浏览趋势

7.2 当前启用的HTML5特性

7.3 支持HTML5的浏览器

7.4 将HTML5特性作为额外内容添加至网站

7.5 将网站变为杀手级移动应用的HTML5特性

7.6 总结

7.7 问与答

7.8 测验

7.8.1 问题

7.8.2 练习

第8章 将Web应用迁移至移动设备

8.1 选择Web编辑器

8.2 应用程序测试

8.3 内容评估

8.4 为移动设备调整可视化的设计

8.4.1 使用设计元素创建优秀的移动应用程序

8.4.2 典型设计

8.5 HTML5及CSS3检测

8.5.1 多设备支持

8.5.2 在其他设备上进行成品应用程序评估

8.5.3 桌面模拟器

8.5.4 在线模拟器

8.6 旧式浏览器中运行应用程序

8.7 总结

8.8 问与答

8.9 测验

8.9.1 问题

8.9.2 练习

第9章 使用HTML5分节元素和语义元素添加语含义

9.1 什么是分节元素

9.2 使用新的分节元素

9.2.1 使用分节元素生成大纲

9.2.2 元素

9.2.3 元素

9.2.4 元素

9.2.5 元素

9.2.6 分节根元素

9.2.7 Heading、Header以及Footer元素

9.3 HTML语义标记

9.3.1 HTML4语义元素

9.3.2 更新HTML4元素的语义

9.3.3 HTML5的新语义元素

9.4 总结

9.5 问与答

9.6 测验

9.6.1 问题

9.6.2 练习

第10章 使用HTML5 canvas元素绘图

10.1 使用canvas元素

10.2 在元素中绘制形状

10.2.1 绘制矩形

10.2.2 绘制多边形和线条

10.2.3 绘制圆形

10.3 在canvas上书写文字

10.4 显示图像

10.4.1 缩放和裁切图像

10.4.2 添加图案

10.5 canvas与SVG或Flash的区别

10.6 总结

10.7 问与答

10.8 测验

10.8.1 问题

10.8.2 练习

第11章 HTML5字体与排版

11.1 定义排版元素

11.1.1 字体

11.1.2 间距

11.1.3 断字符

11.1.4 未对齐

11.1.5 页首孤行和页尾孤行

11.2 使用适当的排版字符实体

11.2.1 引号

11.2.2 商业标记

11.2.3 高级符号

11.3 了解开放字体格式

11.3.1 通过@font-face使用WOFF

11.3.2 为WOFF提供备选方案

11.4 总结

11.5 问与答

11.6 测验

11.6.1 问题

11.6.2 练习

第12章 HTML5的音频和视频

12.1 HTML5视频、音频与Flash的比较

12.2 选择兼容性最好的视频格式

12.2.1 MP4或H.264

12.2.2 ogg/Theora

12.2.3 WebM

12.3 选择拥有最广泛支持的音频编解码器

12.3.1 MP3

12.3.2 Vorbis

12.3.3 WAV

12.4 HTML5的新媒体元素

12.5 用于扩展媒体的属性

12.5.1 音频及视频属性

12.5.2 视频

12.5.3 源属性

12.5.4 track属性

12.6 为IE创建回退选项

12.7 使用API方法创建自定义播放控制器

12.8 总结

12.9 问与答

12.10 测验

12.10.1 问题

12.10.2 练习

第13章 HTML5表单

13.1 可用性更强的HTML5表单

13.1.1 占位符文本

13.1.2 自动聚焦

13.1.3 自动完成及数据列表

13.2 HTML5输入类型

13.2.1 数字类型

13.2.2 日期和时间类型

13.2.3 Email、URL、颜色和搜索框类型

13.3 其他新表单元素

13.3.1 密钥生成表单字段

13.3.2 表单输出元素

13.3.3 命令菜单列表

13.4 表单验证

13.5 总结

13.6 问与答

13.7 测验

13.7.1 问题

13.7.2 练习

第14章 使用HTML5编辑内容和用户互动

14.1 新的contenteditable属性

14.2 execCommand方法

14.3 在Web页面中添加拼写检查

14.4 隐藏元素

14.5 HTML5附加的UI组件

14.6 UI以及编辑特性对浏览器的支持

14.7 总结

14.8 问与答

14.9 测验

14.9.1 问题

14.9.2 练习

第15章 微格式与微数据

15.1 使用微格式

15.1.1 微格式的好处

15.1.2 使用微格式的原则

15.1.3 正在使用的微格式

15.2 使用微数据

15.3 使用RDFa

15.4 选择格式

15.5 移动设备与微格式

15.5.1 使用微格式或是微数据的理由

15.5.2 两种非正式的微格式

15.6 总结

15.7 问与答

15.8 测验

15.8.1 问题

15.8.2 练习

第16章 使用HTML5的拖曳功能

16.1 拖曳应用

16.2 拖曳事件

16.3 拖曳属性

16.4 有用的CSS扩展

16.5 创建拖曳接口

16.5.1 定义可拖曳对象

16.5.2 为可拖曳对象设置拖曳事件

16.5.3 定义放置区

16.5.4 设置拖曳区事件

16.5.5 在对象间传递信息

16.5.6 定义操作特效

16.6 在iOS上使用拖曳

16.6.1 让iOS上的元素变得可拖曳

16.6.2 将iOS上的元素变为放置区

16.7 总结

16.8 问与答

16.9 测验

16.9.1 问题

16.9.2 练习

第17章 HTML5链接

17.1 HTML5的链接的改进

17.1.1 超链接及外联资源

17.1.2 的属性变化

17.1.3 链接区块级元素

17.1.4 占位符链接

17.1.5 HTML5的热点图

17.1.6 HTML5中新的全局属性

17.2 链接类型和关系

17.3 使用新的链接类型

17.3.1 alternate链接类型

17.3.2 author链接类型

17.3.3 bookmark和external链接类型

17.3.4 help、license、tag和search链接类型

17.3.5 icon链接类型

17.3.6 nofollow和noreferrer类型

17.3.7 pingback类型

17.3.8 prefetch类型

17.3.9 previous和next链接类型

17.3.10 sidebar链接类型

17.3.11 stylesheet类型

17.4 总结

17.5 问与答

17.6 测验

17.6.1 问题

17.6.2 练习

第18章 Web应用程序API和数据集

18.1 创建Web应用程序

18.1.1 Web应用程序API

18.1.2 脚本处理

18.1.3 iOS中的单击事件

18.1.4 计时器

18.1.5 用户提示

18.1.6 系统信息

18.2 数据集和data-*属性

18.3 总结

18.4 问与答

18.5 测验

18.5.1 问题

18.5.2 练习

第19章 WebSocket、Web Workers和文件

19.1 WebSocket双向通信

19.1.1 WebSocket的安全隐患

19.1.2 WebSocket的优点

19.1.3 建立WebSocket

19.2 使用Web Workers在后台运行脚本

19.3 使用文件API操作客户端文件

19.3.1 建立输入字段

19.3.2 获取文件信息

19.3.3 读取文件信息

19.4 总结

19.5 问与答

19.6 测验

19.6.1 问题

19.6.2 练习

第20章 离线Web应用程序

20.1 创建离线应用程序以及让普通应用程序离线工作

20.2 缓存清单

20.2.1 使用缓存清单文件

20.2.2 编写缓存清单

20.3 将DOM事件和属性用于离线应用程序

20.4 调试应用程序缓存

20.5 总结

20.6 问与答

20.7 测验

20.7.1 问题

20.7.2 练习

第21章 HTML5的Web存储

21.1 什么是Web存储

21.1.1 Web存储与Cookie的不同之处

21.1.2 会话存储和本地存储

21.1.3 使用Web存储

21.2 Web SQL与Indexed DB

21.2.1 Web SQL数据库

21.2.2 Indexed Database API

21.3 总结

21.4 问与答

21.5 测验

21.5.1 问题

21.5.2 练习

第22章 利用History API控制浏览器历史记录

22.1 控制浏览器历史的原因

22.2 History API的方法

22.3 使用History API

22.3.1 使用History API保存当前位置

22.3.2 使用History API改变URL

22.4 使用History API的风险和麻烦

22.4.1 History API只能在同一个域名下工作

22.4.2 利用History API钓鱼

22.4.3 烦人的动画URL

22.5 总结

22.6 问与答

22.7 测验

22.7.1 问题

22.7.2 练习

第23章 使用Geolocation添加地理位置检测

23.1 Geolocation是什么

23.1.1 使用地理定位

23.1.2 使用Geolocation API

23.1.3 使用其他定位数据选项

23.1.4 旧式浏览器的回退选项

23.2 隐私与地理位置

23.3 创建一个移动地理定位的应用

23.4 总结

23.5 问与答

23.6 测验

23.6.1 问题

23.6.2 练习

第24章 将HTML5应用程序转换为原生应用程序

24.1 HTML5应用程序与原生应用程序的区别

24.1.1 原生应用程序的优点

24.1.2 HTML5应用程序的优点

24.2 转换到原生应用程序

24.2.1 如何着手开始转换

24.2.2 使用PhoneGap转换原生app

24.3 创建应用程序图标

24.4 测试应用程序

24.5 在app商店出售应用程序

24.6 原生应用程序并非唯一选择

24.7 总结

24.8 问与答

24.9 测验

24.9.1 问题

24.9.2 练习

附录A 测验答案

附录B HTML5元素和属性

附录C HTML5及移动应用资源

HTML5移动应用开发入门经典 精彩文摘

问：内容太多怎么办？

问：本章提到了许多不同的脚本和框架，哪一款是最好的呢？

答：我在自己的一个网站中用到本章中提过的几乎所有脚本，我并不认为哪个脚本或框架更差。在框架方面，jQuery Mobile可能是最好的，但是SenchaTouch也很强大，而且它还提供许多设备专属特性。在脚本方面，Modemizr运行得最好，但是HTML5Shiv非常容易添加而且无须打理。应当尝试不同的脚本和框架，并自行决定最喜欢哪一款。

如果用户填写完表单时还留下了一个空白字段，将出现一条错误信息。此类验证在移动设备上也能正常工作，如图5.2所示。

5.2.3在Web应用程序中使用jQuery

因为jQuery的易用性，它也十分适合用于开发Web应用程序。然而，易用性并非Web应用程序开发中所需要考虑的唯一原因——还有许多Javascript库都很好用。

iQuery适合用于开发Web应用程序的原因如下。

jQuery精炼了JaVaScript——使用jQuery的代码行数仅为JavaScript的大约五分之一，而Web应用程序，特别是移动设备应用程序应当非常小巧。

iQuery有强大的浏览器支持一开发者们一直在持续升级jQuery库，以保证最大限度的浏览器支持，因此Web开发者不需要自己去研究解决所有的脚本跨浏览器问题。

iQuery使用开发者熟悉的语法——熟悉CSS选择器用法的开发者都能够理解jQuery。