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

基于 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 年HTML 4 就停止了。万维网联盟( W3C )把重点转向将 HTML 的底层语法从标准通用标记语言( SGML ) 改为可扩展标记语言( XML ),以及可缩放向量图型( SVG )、 XForms 和MathML 这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要( RSS )阅读器这类浏览器特性上。 Web 设计人员开始学习使用异步 JavaScript + XML (Ajax ),在现有的框架下通过层叠样式表( CSS )和 JavaScript 语言建立自己的应用程序。在接下来的八年中, HTML 本身没有任何变化。 2007 年三家重要的浏览器厂商 Apple 、Opera 和Mozilla Foundation 联合成立了 WHATWG , Web Hypertext Application Technology Working Group 来开发传统 HTML 的新版本。最近, W3C 也注意到了这些活动,也启动了自己的新一代 HTML 项目,双方的成员有很多是相同的。这两个项目最终合并成 HTML 5 工作组包括: AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, 以及数百个其他的供应商。虽然很多细节还在争论之中,但下一版本 HTML 的大体轮廓已经清楚了。复活的 HTML HTML 的下一代版本通常称为 HTML5 。 HTML5=Web =集各种技术(特别是规范)于一体, 形成了一个囊括 HTML 、JavaScript 和层叠样式表( CSS )在内的功能强大的 API 。从某些方面看, HTML5 就是下一个 Java 。在 20 世纪 19 年代后期, Java 语言大受欢迎,主要是因为其编写一次,到处运行的功能使开发人员免于具体选择(或移植到) Windows 、Mac 或 Linux 。HTML5 允许您编写一次,在任何(现代)浏览器中运行, 因此您无需在 iOS 、Android 和Chrome 之间做出选择。但是 HTML5 不会取代 Java 。Java 技术为服务器端编程提供丰富的生态系统。 HTML5 中新增标签元素 HTML5 是未来的 Web 的一部分。它的新元素会产生更干净更简单的代码,让页面更容易理解。尽管目前并非所有浏览器都支持这些元素,随着时间的推移,支持会逐渐完善。浏览器会忽略不认识的 HTML 元素,这意味着老式浏览器的用户仍然能够阅读 HTML5 页面,他们的浏览方式与以前一样。现代浏览器的用户可以获得更好的用户体验,但是没有人会由于 HTML5 新元素而妨碍浏览。新增元素标识简要说明结构 section 这可以是书中的一章或一节 header 页面上显示的页眉 footer 页脚 nav指向其他页面的一组链接 article blog 、杂志、文章汇编等中的一篇文章语义性的块元素 aside 代表说明、提示、边栏、引用、附加注释等 figure 代表一个块级图像, 还可以包含说明 dialog 表示几个人之间的对话。HTML 5 dt 元素可以表示讲话者, HTML 5 dd 元素可以表示讲话内容语义性内联元素 m 表示文本被“加上标志”,但是不一定要强调。可以把它想像成书中突出显示的一节 time 可以帮助浏览器和其他程序识别出HTML 页面中的时间。它不要求对元素内容应用任何特定的格式。但是,每个 time 元素都应该有一个 datetime 属性,其中包含更适合机器识别的时间值 meter 表示指定范围内的数字值。例如,可以用它表示薪水、投票百分比或考试分数 progress 表示一个正在进行的过程的状态,就像图形用户界面( GUI )应用程序中的进度条内嵌的媒体 video 用来嵌入任意视频格式<video sr