基于html5及web app

《基于html5及web app》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、基于Html5的webapp摘要：webapp的发展离不开html5和互联网，webapp和html5将会是是互联网的未来，webapp将通过UC浏览器开放平台。本文还分析了现在的webapp与nativeapp相比，它的劣势，探讨了html5在html4基础上所增加的功能和基于html5的webapp的优势。关键词：webapphtml5UC浏览器Webappbasedonhtml5Abstract:withthedevelopmentofweb app without HTML5 andtheInternet, webappand HTML5willbe isthefuture

2、oftheInternet, web app throughtheopenplatform UCbrowser. Thispaperalsoanalyzesthe native appcomparedtoweb appnow, itsdisadvantages, discussestheHTML5 increase onthebasisofhtml3 functionand HTML5based web appadvantage.Keywords:web app HTML5 UCbrowser引言现在互联网的发展正在处于一个转折点，随着3G和4G网络的大规模应用，移动互联网迅猛发展

3、，而在这之中，移动手机应用作为主角，对于网络供应商，用户，开发商，投资商都有着重大的影响。为了支持互联网的发展，国际标准组织W3C于2007年成立新的HTML工作团队，2008年发布了HTML5的第一份草案。Html5添加了许多新的语法，组合了css、javascript、html等技术，提供了更多的可以有效增强网络应用标准、减少浏览器对于插件的繁琐要求。所以基于html5的应用具有很好的跨平台性，能够很好地解决nativeapp的平台割裂问题，1.HTML5的发展史与优势HTML5的前身身是2004年由来自Apple、Google、Opera等浏览器厂商成立的WHATWG制定的W

4、ebApplication1.0草案规范。其目的是为HTML和Web技术提供更多解决问题的方案以及新API接口。和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。HTML5拥有全新的，更合理的Tag，多媒体对象将不再全部绑定在object或embedTag中，而是视频有视频的Tag，音频有音频的Tag。本地数据库。这个功能将内嵌一个本地的SQL数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线Web程序也将因此获益匪浅。不需要插件的富动画。Canvas对象将给浏

5、览器带来直接在上面绘制矢量图的能力，这意味着我们可以脱离Flash和Silverlight，直接在浏览器中显示图形或动画。一些最新的浏览器，除了IE，已经开始支持Canvas。浏览器中的真正程序。将提供API实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。内容修饰Tag将被剔除，而使用CSS。HTML5应用技术指面向HTML5应用开发的主要关键技术，包括OfflineApplication技术、Sever-sentEvents技术、Websocket技术、WebWorkers技术、HTML5视频和音频技术以及DeviceAPI技术[1]。下文将对上述关键技术进行简单的介绍与分

6、析。1)OfflineApplication，即离线应用。在开发支持离线的Web应用程序时，要使用以下三个方面的功能。①离线资源缓存。需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。HTML5中，通过CacheManifest文件指明需要缓存的资源，并支持自动和手动两种缓存更新方式。②在线状态检测。开发者需要知道浏览器是否在线，这样才能够针对在线或离线的状态，做出对应的处理。在HTML5中，提供了两种检测当前网络是否在线的方式。③本地数据存储。离线时需

7、要把数据存储到本地，以便在线时同步到服务器上。为了满足不同的存储需求，HTML5提供了DOMStorage和WebSQLDatabase两种存储机制。在应用中可以考虑将用户的一些数据存储在本地，供离线模式下应用。2)Sever-sentEvents，即服务器推送技术。客户端使用EventSource对象实现。服务端也有相应的要求，表现在如下两方面：一是要求网页的MIME类型为text/event-stream，这个MIME类型定义了事件框架格式，二是text/even