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领域应用研究
- 大小: 36.2 KB
- 大小: 37.6 KB
- 大小: 18.5 KB
分享到:
相关推荐
[Apress] HTML5 应用开发高级程序设计 (Visual Studio 2012 实现) (英文版) [Apress] Pro HTML5 with Visual Studio 2012 (E-Book) ☆ 出版信息:☆ [作者信息] Mark Collins [出版机构] Apress [出版日期] ...
HTML5应用开发讲义涉及的知识点包括HTML5的基本概念、PhoneGap开发框架的应用、以及跨平台移动应用开发的实践步骤。HTML5作为一种最新的网页技术标准,为开发者提供了更为丰富和强大的功能,能够支持更多现代浏览器...
以下是对这9款精挑细选的HTML5应用源码的详细分析和相关知识点: 1. **离线存储(Offline Storage)** HTML5的离线存储,如AppCache和Service Worker,使得网页应用可以在没有互联网连接时也能运行。AppCache用于...
HTML5应用介绍HTML5应用介绍HTML5应用介绍HTML5应用介绍HTML5应用介绍HTML5应用介绍
由于提供的文件信息中《深入HTML 5应用开发.pdf》的具体内容并未给出,仅提供了标题、描述和一些重复的链接,这导致无法直接从给出的部分内容中提取知识点。因此,我会从HTML 5应用开发这个主题出发,详细阐述HTML 5...
HTML5应用.md
尽管HTML5应用可以通过Web直接访问,但为了在App Store中分发,仍需将HTML5应用打包成Cordova或React Native这样的本地应用。此外,开发者需要关注不同版本iOS的兼容性,确保应用在各种设备上正常运行。 ### 总结 ...
- **跨平台性**:HTML5应用可以在多个平台上运行,减少了重复开发的工作量。 - **快速迭代**:由于Web技术的更新周期较短,开发者可以更快地发布新功能和修复问题。 - **丰富的生态系统**:HTML5有庞大的开发者社区...
HTML5应用开发课程标准.doc
密码键盘原理与HTML5应用.doc
【温故而知新】HTML5 应用程序缓存
对于如何在Android中构建、调试HTML5应用程序以及如何使用HTML5的本地存储和数据库,开发者需要熟悉相关API接口。本地存储可以用于保存和读取数据,而本地数据库则提供更为复杂的查询和管理机制。这两者都是构建一个...
基于HTML5应用的Chrome浏览器安全支付插件设计_郭雨龙
Html5在Android应用开发中的技术分析,这本书的标题和描述表明,它主要关注Html5技术在Android平台应用开发过程中的实践和应用。作者依据自己的实际开发经验,探讨了Html5在Android开发中的运用,并提出了解决在开发...
此外,Chrome DevTools等浏览器内置的调试工具也能够用于调试运行在WebView中的HTML5应用,大大提高了开发效率。 #### HTML5本地存储与数据库 HTML5引入了多种本地存储机制,如LocalStorage和SessionStorage,它们...