日期:2014-05-17  浏览次数:20599 次

HTML5 应用

????? HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。
????? 自2008年第一份草案发布后,HTML5(超文本标记语言版本5)就在业内引起广泛的关注。随着移动互联网的广泛应用和快速发展,HTML5的前景更加广阔,已逐渐成为下一代互联网的重要组成部分。
????? HTML5 的特性充分地考虑了应用程序开发人员,引入了大量的新的Javascript API。可以利用这些内容与对应的HTML元素相关联,它们包括:
二维绘图API,可以用在一个新的画布(Canvas)元素上以呈现图像、游戏图形或者其他运行中的可视图形。
一个允许web应用程序将自身注册为某个协议或MIME类型的API。
一个引入新的缓存机制以支持脱机web应用程序的API。
一个能够播放视频和音频的API,可以使用新的video和audio元素。
一个历史纪录API,它可以公开正在浏览的历史纪录,从而允许页面更好地支持AJAX应用程序中实现对后退功能。
跨文档的消息传递,它提供了一种方式,使得文档可以互相通信而不用考虑它们的来源域,在某种程度上,这样的设计是为了防止跨站点的脚本攻击。
一个支持拖放操作的API,用它可以与draggable特性相关联。
一个支持编辑操作的API,用它可以与一个新的全局contenteditable特性相关联。
一个新的网络API,它支持web应用程序在本地网络上互相通信,并在它们的源服务器上维持双向的通信。
使用JavaScript API的键/值对实现客户端的持久化存储,同时支持嵌入的SQL数据库。
服务器发送的事件,通过它可以与新的事件源(event-source)元素关联,新的事件源元素有利于与远程数据源的持久性连接,而且极大地消除了在Web应用程序中对轮询的需求。
????? 目前,全球主要网络企业都陆续推出了基于HTML5的工具及应用平台:谷歌在2010年12月推出了专注于HTML5的Chrome网络商店(Chrome Web Store),苹果iPad支持HTML5而不支持Flash,亚马逊也推出了一系列的基于HTML5的网络应用。许多做移动开发的公司为了实现跨平台的应用,也纷纷选择HTML5作为其开发语言。市场分析公司ABI Research的最新数据显示,HTML5将在未来三到五年内广泛使用,预计到2016年,将有21亿部移动设备配置HTML5浏览器,是2010年的21倍。根据我们公司的产品发展特点,重点研究以下5个领域应用:

1. HTML5 在GIS领域应用研究

?

?

2. HTML5 在3D扩展应用研究

?


?

3. HTML5 在移动领域应用研究

?

?

?

4. HTML5 本地储存应用研究

1).离线资源缓存:需要一种方式来指明应用程序离线工作时所需的资源文件。这样,浏览器才能在在线状态时,把这些文件缓存到本地。此后,当用户离线访问应用程序时,这些资源文件会自动加载,从而让用户正常使用。HTML5 中,通过 cache manifest 文件指明需要缓存的资源,并支持自动和手动两种缓存更新方式。
2).在线状态检测:开发者需要知道浏览器是否在线,这样才能够针对在线或离线的状态,做出对应的处理。在 HTML5 中,提供了两种检测当前网络是否在线的方式。
3).本地数据存储:离线时,需要能够把数据存储到本地,以便在线时同步到服务器上。为了满足不同的存储需求,HTML5 提供了 DOM Storage 和 Web SQL Database 两种存储机制。前者提供了易用的 key/value 对存储方式,而后者提供了基本的关系数据库存储功能。

?

5. HTML5 在RIA领域应用研究

?