基于Html5及web app.doc

基于Html5的web app 摘 要：web app的发展离不开html5和互联网，web app和html5将会是是互联网的未来，web app将通过UC浏览器开放平台。本文还分析了现在的web app与native app相比，它的劣势，探讨了html5在html4基础上所增加的功能和基于html5的web app的优势。 关键词：web app html5 UC浏览器 Web app based on html5 Abstract: with the development of web?app?without?HTML5?and the Internet,?webapp and?HTML5 will be?is the future of the Internet,?web?app?through the open platform?UC browser.?This paper also analyzes the?native?app compared to web?app now,?its disadvantages,?discusses the HTML5?increase?on the basis of html3?function and?HTML5 based?web?app advantage. Keywords: web?app?HTML5?UC browser 引言 现在互联网的发展正在处于一个转折点，随着3G和4G网络的大规模应用，移动互联网迅猛发展，而在这之中，移动手机应用作为主角，对于网络供应商，用户，开发商，投资商都有着重大的影响。 为了支持互联网的发展，国际标准组织W3C于2007年成立新的HTML工作团队，2008年发布了HTML5的第一份草案。Html5添加了许多新的语法，组合了css、javascript、html等技术，提供了更多的可以有效增强网络应用标准、减少浏览器对于插件的繁琐要求。所以基于html5的应用具有很好的跨平台性，能够很好地解决native app的平台割裂问题， HTML5的发展史与优势 HTML5的前身身是2004年由来自 Apple、Google、Opera 等浏览器厂商成立的 WHATWG 制定的 Web Application 1.0 草案规范。其目的是为 HTML和 Web 技术提供更多解决问题的方案以及新 API接口。 和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。HTML5拥有全新的，更合理的 Tag，多媒体对象将不再全部绑定在 object 或 embed Tag 中，而是视频有视频的 Tag，音频有音频的 Tag。本地数据库。这个功能将内嵌一个本地的 SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线 Web 程序也将因此获益匪浅。不需要插件的富动画。Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力，这意味着我们可以脱离 Flash 和 Silverlight，直接在浏览器中显示图形或动画。一些最新的浏览器，除了 IE，已经开始支持 Canvas。浏览器中的真正程序。将提供 API 实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。内容修饰 Tag 将被剔除，而使用 CSS。 HTML5应用技术指面向HTML5应用开发的主要关键技术，包括Offline Application技术、Sever-sent Events技术、Websocket技术、Web Workers技术、HTML5视频和音频技术以及Device API技术[1]。下文将对上述关键技术进行简单的介绍与分析。 1) Offline Application，即离线应用。在开发支持离线的Web应用程序时，要使用以下三个方面的功能。 ①离线资源缓存。需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。HTML5中，通过Cache Manifest文件指明需要缓存的资源，并支持自动和手动两种缓存更新方式。 ②在线状态检测。开发者需要知道浏览器是否在线，这样才能够针对在线或离线的状态，做出对应的处理。在HTML5中，提供了两种检测当前网络是否在线 的方式。 ③本地数据存储。离线时需要把数据存储到本地，以便在线时同步到服务器上。为了满足不同的存储需求，HTML5提供了DOM Storage和Web SQL Database两种存储机制。在应用中可以考虑将用户的一些数据存储在本地，供离线模式下应用。