（已有10条评价）基本信息
【插图】
编辑推荐
绝无仅有的HTML5移动Web开发专著
jQuery Mobile、Sencha Touch、PhoneGap入门首选
HTML5研究小组成员原创书籍
示例丰富，轻松上手
内容简介
书籍
计算机书籍
《HTML5移动Web开发指南》主要围绕HTML5技术，讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。《HTML5移动Web开发指南》共分为四大部分，第一部分主要讲述Web技术的发展及HTML5标准在移动Web技术中的应用；第二部分主要介绍HTML5的新功能和新特性如何在移动设备浏览器中使用及相关展望；第三部分主要介绍目前比较流行的两套JavaScript移动开发框架jQuery Mobile、Sencha Touch，以及PhoneGap，并配备丰富的例子作为实践；第四部分主要结合Sencha Touch框架库和HTML5技术构建进行讲解，旨在帮助读者将HTML5技术运用于实践之中。
《HTML5移动Web开发指南》是为从未接触过HTML5新技术但同时又对移动Web技术感兴趣的读者而编写的。如果你有一定的HTML开发经验，将会更容易掌握HTML5知识。
同时，如果你是如下几类人群之一，那么《HTML5移动Web开发指南》非常适合你阅读。
.有一定基础或者未来计划的职业是Web前端开发工程师。
.具有一定HTML基础的UI设计师。
. Web项目中的项目经理以及策划人员。
.对手机Web开发技术感兴趣的开发者。
.开设计算机课程的高等院校及培训机构的师生。
此外，《HTML5移动Web开发指南》也适合熟悉Java、PHP、ASP.NET等后端Web技术的开发者阅读。
计算机书籍
《HTML5移动Web开发指南》主要围绕HTML5技术，讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。《HTML5移动Web开发指南》共分为四大部分，第一部分主要讲述Web技术的发展及HTML5标准在移动Web技术中的应用；第二部分主要介绍HTML5的新功能和新特性如何在移动设备浏览器中使用及相关展望；第三部分主要介绍目前比较流行的两套JavaScript移动开发框架jQuery Mobile、Sencha Touch，以及PhoneGap，并配备丰富的例子作为实践；第四部分主要结合Sencha Touch框架库和HTML5技术构建进行讲解，旨在帮助读者将HTML5技术运用于实践之中。
《HTML5移动Web开发指南》是为从未接触过HTML5新技术但同时又对移动Web技术感兴趣的读者而编写的。如果你有一定的HTML开发经验，将会更容易掌握HTML5知识。
同时，如果你是如下几类人群之一，那么《HTML5移动Web开发指南》非常适合你阅读。
.有一定基础或者未来计划的职业是Web前端开发工程师。
.具有一定HTML基础的UI设计师。
. Web项目中的项目经理以及策划人员。
.对手机Web开发技术感兴趣的开发者。
.开设计算机课程的高等院校及培训机构的师生。
此外，《HTML5移动Web开发指南》也适合熟悉Java、PHP、ASP.NET等后端Web技术的开发者阅读。
作译者
唐俊开
网名三桥，Web前端工程师、软件工程师，HTML5研究小组成员之一。拥有多年Web开发经验，热爱并长期专注于Web前端技术的研究，现从事Web前端工作、HTML5研究以及移动Web应用的实践。擅长HTML、CSS、JavaScript、Java等开发技术。热爱读书，阅读过大量技术书籍。
目录
《HTML5移动Web开发指南》
第1章移动互联网时代的Web技术 1
1.1 移动互联网的发展 1
1.2 智能手机发展迅速 2
1.3 智能手机的Web浏览器 4
1.4 移动Web应用的发展 7
1.5 基于HTML5的移动Web应用 8
第2章移动设备HTML5页面布局 12
2.1 页面语义化简介 12
2.1.1 HTML5新语义元素概述 12
2.1.2 更多HTML5新元素 16
2.2 页面结构与移动设备的布局 16
2.2.1 常见的移动应用布局 17
2.2.2 使用HTML5创建标准的移动Web页面 18
2.3 本章小结 22
第3章 HTML5规范的本地存储 23
3.1 移动设备的支持 23
3.2 localStorage 24
3.3 sessionStorage 28
3.4 Storage事件监听 29
第1章移动互联网时代的Web技术 1
1.1 移动互联网的发展 1
1.2 智能手机发展迅速 2
1.3 智能手机的Web浏览器 4
1.4 移动Web应用的发展 7
1.5 基于HTML5的移动Web应用 8
第2章移动设备HTML5页面布局 12
2.1 页面语义化简介 12
2.1.1 HTML5新语义元素概述 12
2.1.2 更多HTML5新元素 16
2.2 页面结构与移动设备的布局 16
2.2.1 常见的移动应用布局 17
2.2.2 使用HTML5创建标准的移动Web页面 18
2.3 本章小结 22
第3章 HTML5规范的本地存储 23
3.1 移动设备的支持 23
3.2 localStorage 24
3.3 sessionStorage 28
3.4 Storage事件监听 29
前言
你是否使用过智能手机浏览真正的网页？
你在使用智能手机浏览网页时会感到困惑吗？
你是否想知道智能手机上的Web网页是如何实现的？
如果你存在以上的问题并想解决，那么阅读《HTML5移动Web开发指南》将是你的最佳选择。
HTML5从讨论到实践
现今，HTML5已经成为互联网的热门话题之一。2011年的HTML5发展得非常快，各大浏览器开发公司如Google、苹果、微软、Mozilla及Opera的最新版本浏览器都纷纷支持HTML5标准规范。在桌面端Web技术领域，HTML5标准的强大已经开始威胁Adobe公司的Flash在Web上的统治地位。然而，在移动端Web技术领域，由于历史的原因，HTML5标准才刚刚起步，但随着HTML5和CSS3逐渐兴起，其强大的特性在移动Web应用当中得到了非常好的发挥。
随着HTML5网站、HTML5应用软件及HTML5游戏不断涌现，让我们更加有理由相信未来HTML5技术将会成为我们在计算机行业当中必备的专业知识。因此，我希望能够借助此书帮助国内的Web开发从业者或者即将在此行业发展的读者，在学习HTML5的同时也能掌握移动Web技术。
为什么写作《HTML5移动Web开发指南》
2011年是HTML5实践的一年，无论是国外的开发者，还是国内的开发者，都热衷于研究HTML5新标准究竟能给我们带来什么。由于HTML5技术非常新，国内很多开发者在实践过程中经常遇到非常多的困难，例如如何入门与解决BUG等常见问题，都很难找到解答问题的中文资源。因此，开发者们亟需一本能够带领他们入门的HTML5书籍。
2011年也是移动互联网高速发展的一年，随着iPhone、Android等智能设备的迅速普及，以及Web技术跨平台等优点更广泛的为人所知，移动Web技术逐渐成为大家关注的新热点之一。目前，国内移动Web技术中文资源相对缺乏，社区尚待不断发展，很多开发者仍处于探索研究阶段。同时也有部分准备进入移动Web开发领域的新手，苦于入门困难，而难以上手。因此，一本介绍移动Web开发的书籍便成为开发者最渴望的资源之一。
基于上述两种原因，作者认为需要编写一本能够利用HTML5新技术开发移动Web应用的入门书籍，令广大读者在真正学习到HTML5新技术的同时，也能快速掌握移动Web开发的基础知识。
关于《HTML5移动Web开发指南》
《HTML5移动Web开发指南》主要围绕HTML5技术，讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。全书共分为四大部分。
第一部分概述了移动互联网时代的Web技术发展情况，介绍了在移动设备上的Web技术发展现状，同时还列举出有哪些HTML5新技术能够应用于移动Web应用。
第二部分主要介绍HTML5标准的新功能和新特性，其中包括新元素、本地存储、离线功能、表单、CSS3、Geolocation地理定位。在介绍基本知识的同时，结合HTML5技术如何应用于移动设备Web浏览器，进行简单的入门讲解及相关展望。
第三部分主要介绍目前比较流行的HTML5移动开发框架：jQuery Mobile、Sencha Touch，以及PhoneGap，并通过丰富的例子介绍框架中各个组件的基本用法。
第四部分是一个综合例子，主要结合SenchaTouch框架类库和HTML5技术构建生活轨迹Web App应用程序，旨在帮助读者加深对HTML5技术的理解并能应用于实践之中。
不足之处在于，《HTML5移动Web开发指南》并没有全面地介绍HTML5技术，但这并不代表HTML5的其他知识点不能适用于移动Web开发。毕竟HTML5是一个新生事物，它的标准规范仍然在制定之中，而它的不断发展对于未来的移动Web技术的发展，必将有很大的推动作用。
《HTML5移动Web开发指南》在编写过程中参考了下列网站、社区及官方文档等，并引用了部分内容。
. HTML5研究小组官方网站
你在使用智能手机浏览网页时会感到困惑吗？
你是否想知道智能手机上的Web网页是如何实现的？
如果你存在以上的问题并想解决，那么阅读《HTML5移动Web开发指南》将是你的最佳选择。
HTML5从讨论到实践
现今，HTML5已经成为互联网的热门话题之一。2011年的HTML5发展得非常快，各大浏览器开发公司如Google、苹果、微软、Mozilla及Opera的最新版本浏览器都纷纷支持HTML5标准规范。在桌面端Web技术领域，HTML5标准的强大已经开始威胁Adobe公司的Flash在Web上的统治地位。然而，在移动端Web技术领域，由于历史的原因，HTML5标准才刚刚起步，但随着HTML5和CSS3逐渐兴起，其强大的特性在移动Web应用当中得到了非常好的发挥。
随着HTML5网站、HTML5应用软件及HTML5游戏不断涌现，让我们更加有理由相信未来HTML5技术将会成为我们在计算机行业当中必备的专业知识。因此，我希望能够借助此书帮助国内的Web开发从业者或者即将在此行业发展的读者，在学习HTML5的同时也能掌握移动Web技术。
为什么写作《HTML5移动Web开发指南》
2011年是HTML5实践的一年，无论是国外的开发者，还是国内的开发者，都热衷于研究HTML5新标准究竟能给我们带来什么。由于HTML5技术非常新，国内很多开发者在实践过程中经常遇到非常多的困难，例如如何入门与解决BUG等常见问题，都很难找到解答问题的中文资源。因此，开发者们亟需一本能够带领他们入门的HTML5书籍。
2011年也是移动互联网高速发展的一年，随着iPhone、Android等智能设备的迅速普及，以及Web技术跨平台等优点更广泛的为人所知，移动Web技术逐渐成为大家关注的新热点之一。目前，国内移动Web技术中文资源相对缺乏，社区尚待不断发展，很多开发者仍处于探索研究阶段。同时也有部分准备进入移动Web开发领域的新手，苦于入门困难，而难以上手。因此，一本介绍移动Web开发的书籍便成为开发者最渴望的资源之一。
基于上述两种原因，作者认为需要编写一本能够利用HTML5新技术开发移动Web应用的入门书籍，令广大读者在真正学习到HTML5新技术的同时，也能快速掌握移动Web开发的基础知识。
关于《HTML5移动Web开发指南》
《HTML5移动Web开发指南》主要围绕HTML5技术，讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。全书共分为四大部分。
第一部分概述了移动互联网时代的Web技术发展情况，介绍了在移动设备上的Web技术发展现状，同时还列举出有哪些HTML5新技术能够应用于移动Web应用。
第二部分主要介绍HTML5标准的新功能和新特性，其中包括新元素、本地存储、离线功能、表单、CSS3、Geolocation地理定位。在介绍基本知识的同时，结合HTML5技术如何应用于移动设备Web浏览器，进行简单的入门讲解及相关展望。
第三部分主要介绍目前比较流行的HTML5移动开发框架：jQuery Mobile、Sencha Touch，以及PhoneGap，并通过丰富的例子介绍框架中各个组件的基本用法。
第四部分是一个综合例子，主要结合SenchaTouch框架类库和HTML5技术构建生活轨迹Web App应用程序，旨在帮助读者加深对HTML5技术的理解并能应用于实践之中。
不足之处在于，《HTML5移动Web开发指南》并没有全面地介绍HTML5技术，但这并不代表HTML5的其他知识点不能适用于移动Web开发。毕竟HTML5是一个新生事物，它的标准规范仍然在制定之中，而它的不断发展对于未来的移动Web技术的发展，必将有很大的推动作用。
《HTML5移动Web开发指南》在编写过程中参考了下列网站、社区及官方文档等，并引用了部分内容。
. HTML5研究小组官方网站
媒体评论
当HTML5遇到移动，一切似曾相识，又那么不同。本书帮助传统Web开发者搭乘HTML5快车，轻松部署移动应用，也使移动开发者得以充分发掘Web潜力，在工业标准的起点上获得跨平台支持。“HTML5研究小组”是由个人和企业HTML5开发者于2011年共同发起的，是中国首个HTML5推广和交流的开放组织。本书作者三桥是小组的个人成员，长期专注于Web前端技术的研究，为小组贡献颇多。欣闻三桥的新书出版，我们非常荣幸地向广大HTML5爱好者推荐本书!请多支持!
——HTML5研究小组(http：//www.mhtml5.com/)
HTML5技术的到来以及近年3G网络的快速发展，让我们摆脱了单调乏味的Wap页面，取而代之的是手机像电脑—样访问酷炫移动web页面，这大大增强了网站在移动web方面的用户体验。《HTML5移nweb开发指南》用丰富的实例来为读者解读HTML5在移动Web领域开发中运用到的技术和应用，以及主流的移nweb应用框架，是移动互联网从业者入门的最佳选择。
——HTML5中文网(http://www.html5china，com/)
移动Web开发在近一年来逐渐被开发者所关注和研究?著名的jQuery和Sencha分别推出全新的移动开发框架——jQuery Mobile和SenchaTouch，与此同时，打通Web和Native的开源中间PhoneGap的出现，让很多开发者能够更加轻松地开发基于手机的Web应用程序。特别是得益于HTML5标准的诞生，移nweb应用的功能也变得更为丰富。本书将着重为读者介绍如何把移动Web框架与HTML5技术相结合，开发出更具实际意义的移aoweb应用。
——移动Web开发社区(http：//www.html5mobi.com/)
——HTML5研究小组(http：//www.mhtml5.com/)
HTML5技术的到来以及近年3G网络的快速发展，让我们摆脱了单调乏味的Wap页面，取而代之的是手机像电脑—样访问酷炫移动web页面，这大大增强了网站在移动web方面的用户体验。《HTML5移nweb开发指南》用丰富的实例来为读者解读HTML5在移动Web领域开发中运用到的技术和应用，以及主流的移nweb应用框架，是移动互联网从业者入门的最佳选择。
——HTML5中文网(http://www.html5china，com/)
移动Web开发在近一年来逐渐被开发者所关注和研究?著名的jQuery和Sencha分别推出全新的移动开发框架——jQuery Mobile和SenchaTouch，与此同时，打通Web和Native的开源中间PhoneGap的出现，让很多开发者能够更加轻松地开发基于手机的Web应用程序。特别是得益于HTML5标准的诞生，移nweb应用的功能也变得更为丰富。本书将着重为读者介绍如何把移动Web框架与HTML5技术相结合，开发出更具实际意义的移aoweb应用。
——移动Web开发社区(http：//www.html5mobi.com/)
书摘
9.13 本章小结
Sencha Touch是目前一款比较成熟的基于HTML5标准的移动Web应用程序框架。SenchaTouch框架的实现原理和ExtJS基本相同，因此其语法方面基本上一致。
由于上述这个原因，本章并没有针对Sencha Touch的实现原理及核心功能做详细的探讨，而是主要介绍了一些比较常用的界面组件库，例如工具栏、Tab、浮动层、选择器、列表等，以及一些在开发移动Web应用中比较重要的组件。然而，我们并没深入地探讨Sencha Touch的各种特性，而是通过大量示例代码来讲解各个组件库的使用方法。
在介绍完UI组件库后，我们还根据Sencha Touch对HTML5的支持情况进行了简单的分析并通过示例代码来讲述如何运用这些特性。
在本章的最后，我们还讨论了Sencha Touch的一项重要特性：MVC模式的基本用法。并通过对MVC开发模式的入门介绍，让读者学到如何使用Sencha Touch开发真正的移动Web应用程序。
第10章 跨平台的PhoneGap应用介绍
PhoneGap是一个非常有趣的跨平台Web应用框架。本章我们将为读者介绍这款非常优秀的框架，并通过介绍其API接口让读者对PhoneGap有基本认识。
10.1 PhoneGap概述
PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序库等。
PhoneGap将移动设备提供的API进行了抽象和简化，提供了丰富的API接口供开发者调用，开发者只要会编写HTML和JavaScript语言，就可以利用PhoneGap提供的API去调用移动设备内置的各种功能，开发者只需要开发一套Web应用程序，就能运行在多平台手机上。
读者可以通过官方网站获取关于PhoneGap的最新信息、版本及API文档。
功能特性
PhoneGap是一套非常优秀的手机应用程序框架，它具有以下一些特性：
开源、免费。
跨平台框架，目前支持多种移动设备平台，包括：iOS、Android、BlackBerry、WebOS、Symbian、Windows Phone、Bada等。
基于HTML5标准的手机应用框架，支持HTML5、CSS3、JavaScript等Web技术。
Written once，run everywhere。真正实现了编写一次，云端运行。
……
Sencha Touch是目前一款比较成熟的基于HTML5标准的移动Web应用程序框架。SenchaTouch框架的实现原理和ExtJS基本相同，因此其语法方面基本上一致。
由于上述这个原因，本章并没有针对Sencha Touch的实现原理及核心功能做详细的探讨，而是主要介绍了一些比较常用的界面组件库，例如工具栏、Tab、浮动层、选择器、列表等，以及一些在开发移动Web应用中比较重要的组件。然而，我们并没深入地探讨Sencha Touch的各种特性，而是通过大量示例代码来讲解各个组件库的使用方法。
在介绍完UI组件库后，我们还根据Sencha Touch对HTML5的支持情况进行了简单的分析并通过示例代码来讲述如何运用这些特性。
在本章的最后，我们还讨论了Sencha Touch的一项重要特性：MVC模式的基本用法。并通过对MVC开发模式的入门介绍，让读者学到如何使用Sencha Touch开发真正的移动Web应用程序。
第10章 跨平台的PhoneGap应用介绍
PhoneGap是一个非常有趣的跨平台Web应用框架。本章我们将为读者介绍这款非常优秀的框架，并通过介绍其API接口让读者对PhoneGap有基本认识。
10.1 PhoneGap概述
PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序库等。
PhoneGap将移动设备提供的API进行了抽象和简化，提供了丰富的API接口供开发者调用，开发者只要会编写HTML和JavaScript语言，就可以利用PhoneGap提供的API去调用移动设备内置的各种功能，开发者只需要开发一套Web应用程序，就能运行在多平台手机上。
读者可以通过官方网站获取关于PhoneGap的最新信息、版本及API文档。
功能特性
PhoneGap是一套非常优秀的手机应用程序框架，它具有以下一些特性：
开源、免费。
跨平台框架，目前支持多种移动设备平台，包括：iOS、Android、BlackBerry、WebOS、Symbian、Windows Phone、Bada等。
基于HTML5标准的手机应用框架，支持HTML5、CSS3、JavaScript等Web技术。
Written once，run everywhere。真正实现了编写一次，云端运行。
……
