基于HTML5新特性和移动开发框架PhoneGap构建本地Android应用

《基于HTML5新特性和移动开发框架PhoneGap构建本地Android应用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、基于HTML5新特性和移动开发框架PhoneGap构建原生Android应用李凡2014-1-24内容结构HTML5话题展开的维度至少有以下几个：新增结构元素方向；Canvas实现2D绘制方向；Video和Audio方向；Web存储方向；离线程序缓存方向；WebGL对HTML5的3D绘制支持方向；Websocket方向；Webkit内核方向等。每一个方向都可以纵向展开。本PPT的展开思路是：HTML5的新增特性介绍->实例详述Web存储特性->实例详述离线应用开发->通过PhoneGap框架将Web应用原生化复活的HTML超文本标记语言（HTML）的开发到1999年HTML4就停

2、止了。万维网联盟（W3C）把重点转向将HTML的底层语法从标准通用标记语言（SGML）改为可扩展标记语言（XML），以及可缩放向量图型（SVG）、XForms和MathML这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要（RSS）阅读器这类浏览器特性上。Web设计人员开始学习使用异步JavaScript+XML（Ajax），在现有的框架下通过层叠样式表（CSS）和JavaScript语言建立自己的应用程序。在接下来的八年中，HTML本身没有任何变化。2007年三家重要的浏览器厂商Apple、Opera和MozillaFoundation联合成立了WHATWG,WebH

3、ypertextApplicationTechnologyWorkingGroup来开发传统HTML的新版本。最近，W3C也注意到了这些活动，也启动了自己的新一代HTML项目，双方的成员有很多是相同的。这两个项目最终合并成HTML5工作组包括：AOL,Apple,Google,IBM,Microsoft,Mozilla,Nokia,Opera,以及数百个其他的供应商。虽然很多细节还在争论之中，但下一版本HTML的大体轮廓已经清楚了。复活的HTMLHTML的下一代版本通常称为HTML5。HTML5=WebApplications1.0=集各种技术（特别是规范）于一体，形成了一个囊括

4、HTML、JavaScript和层叠样式表（CSS）在内的功能强大的API。从某些方面看，HTML5就是下一个Java。在20世纪19年代后期，Java语言大受欢迎，主要是因为其编写一次，到处运行的功能使开发人员免于具体选择（或移植到）Windows、Mac或Linux。HTML5允许您编写一次，在任何（现代）浏览器中运行，因此您无需在iOS、Android和Chrome之间做出选择。但是HTML5不会取代Java。Java技术为服务器端编程提供丰富的生态系统。HTML5中新增标签元素HTML5是未来的Web的一部分。它的新元素会产生更干净更简单的代码，让页面更容易理解。尽管目前

5、并非所有浏览器都支持这些元素，随着时间的推移，支持会逐渐完善。浏览器会忽略不认识的HTML元素，这意味着老式浏览器的用户仍然能够阅读HTML5页面，他们的浏览方式与以前一样。现代浏览器的用户可以获得更好的用户体验，但是没有人会由于HTML5新元素而妨碍浏览。新增元素标识简要说明结构section这可以是书中的一章或一节header页面上显示的页眉footer页脚nav指向其他页面的一组链接articleblog、杂志、文章汇编等中的一篇文章语义性的块元素aside代表说明、提示、边栏、引用、附加注释等figure代表一个块级图像，还可以包含说明dialog表示几个人之间的对话。H

6、TML5dt元素可以表示讲话者，HTML5dd元素可以表示讲话内容语义性内联元素m表示文本被“加上标志”，但是不一定要强调。可以把它想像成书中突出显示的一节time可以帮助浏览器和其他程序识别出HTML页面中的时间。它不要求对元素内容应用任何特定的格式。但是，每个time元素都应该有一个datetime属性，其中包含更适合机器识别的时间值meter表示指定范围内的数字值。例如，可以用它表示薪水、投票百分比或考试分数progress表示一个正在进行的过程的状态，就像图形用户界面（GUI）应用程序中的进度条内嵌的媒体video用来嵌入任意视频格式

7、ww.cafeaulait.org/birds/sora.mov"/>对于以哪种格式和解码器作为首选，仍然有争议。audio能够播放声音文件或者音频流交互（HTML5也被称为WebApplications1.0。为了实现这个目标，增加了几个为Web页面提供交互体验的新元素）details表示在默认情况下可能不显示的详细信息。可选的legend元素可以提供详细信息