基于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 Applications1.0=集各种技术（特别是规范）于一体，形成了一个囊括 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 src=/birds/sora.mov /对于以哪种格式和解码器作为首选，仍然有争议。 audio 能够播放声音文件或者音频流audio src=spacemu