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

内容结构
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 src="ds/" />对于以哪种格式和解码器作为首选,仍然有争议。
audio
能够播放声音文件或者音频流<audio src=""autoplay="autoplay