浅析HTML5的特点及其在移动WebApp中的应用

浅析HTML5的特点及其在移动WebApp中的应用摘要:HTML5技术自开发至今,已成为下一代互联网的默认标准。基于HTML5的移动WebApp正逐渐成为新兴的应用形式。文章首先介绍了HTML5的发展和HTML5的特点,接着介绍了移动互联网应用的分类以及移动WebApp的发展现状,最后说明了利用HTML5技术开发WebApp的方案。关键词:HTML5;移动WebApp:TP399HTML5是互联网的下一代标准,是互联网的核心技术之一。产生于1990年的HTML到1997年已经成为互联网标准HTML4,被广泛应用于互联网应用开发。目前,HTML的最新版本是HTML5,尚处于开发阶段,其标准未正式发布,HTML5的发展历程如图1[1]。在HTML5出现之前,移动互联网主要以应用App为主,随着HTML5的出现移动WebApp得到了很大的发展。在国外,2012年由美国顶级通信运营商ATT推出一款AppCenterHTML5的应用商店。至今为止,ATT已经公布了面向HTML5应用的APP平台APICatalog。与此同时,Facebook正在计划推出一款基于HTML5的手机应用程序开发平台,在平台上可以无需手机操作系统,直接运行手机游戏及其他程序。在国内,中国移动推出了NobleLeader应用开发平台,该平台适用于iOS、Android、WindowsMobile、Symbian等操作系统,在平台上开发者可以直接通过HTML5进行应用程序的开发和编译。1HTML5的特点HTML5是Web标准的巨大飞跃,与以前版本相比,HTML5不但可以表示Web内容,而且还是一个成熟的应用平台。HTML5的特点主要体现在以下几个方面[2]:(1)具有语义的结构化标签:包括section、、header、navigation、footer、hgroup、aside等,使得HTML5在文档结构上较HTML4.01更加清晰和易读。(2)对离线存储有更好的支持:sessionStorage和localStorage提供与cookies相似的功能;IndexedDB帮助Web应用存储复杂结构的数据;OfflineAppCache将资源文件缓存到本地,使用户在离线状态下也能使用WebApp,为开发离线的移动WebApp奠定了基础。(3)增强的多媒体能力:HTML5大大提高了Web应用中的视频和音频,图形,字体,和数学公式的其它方面的性能,例如2D、3D绘图渲染的强大能力可以通过HTML5的画布(Canvas)特性实现;在网页中,不需使用AdobeFlash、微软Silverlight等私有插件和协议等,就可以利用HTML5中的、标签直接播放音频、视频文件。(4)设备及应用API:HTML5制订了一系列驱动设备API函数,极大提升了WebApp访问和调用终端设备的能力,这些函数主要包括摄像头API、通信录API、各种传感器API等。(5)多线程并发:HTML5新增了WebWorkers组件,该特性弥补了WebApp以往只能单线程运行的短板,使得Web操作可以并行的、多线程的执行。2HTML5在移動WebApp中的应用2.1移动互联网应用的分类目前,主要有两种移动互联网应用:一种是移动WebApp,另一种是本地应用(NativeApp)。前者是指不直接依赖于终端操作系统的原始支持语言,而是采用普通的网页编程语言进行开发的,能够直接运行在Web引擎上的,具有良好的跨平台性的应用。后者是指采用一般的操作系统所支持的原始语言,如Android操作系统中的Java、IOS操作系统中的Object-C、WindowsPhone操作系统中的C#或C++等进行开发的,数据的运算和存储均在本地(移动终端)操作系统上实现的应用。2.2移动WebApp的分类HTML5的出现带来了大量移动WebApp应用的繁荣,这些移动WebApp可以分为两类:(1)桌面WebApp的移动化:这些App包括百度和谷歌的地图应用移动版,他们使用了HTML5的地理定位API;Gmail移动Web版可以使用户离线阅读邮件;优酷和爱奇艺等视频网站使用HTML5的和标签来实现移动版的音频视频的播放,放弃了Flash插件的使用。(2)纯移动WebApp:典型的例子有天气应用Sun、阅读应用美阅等。借助HTML5技术的特点和优势,它们在性能和体验上都与本地应用非常相似,有着很好的表现[3]。2.3移动终端的浏览器对HTML5的支持程度开发移动WebApp时,完全使用HTML5技术(HTML5+JS+CSS3)有时需要终端系统的浏览器调用DeviceAPI来实现。因此,基于HTML5标准的WebApp需要浏览器的支持。目前对HTML5支持较好的平板电脑浏览器版本包括OperaMobile12.00、FireFoxMobile10、iOS5.05.1、Android4.0等;对HTML5支持较好的手...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供参考,付费前请自行鉴别。
3、如文档内容存在侵犯商业秘密、侵犯著作权等,请点击“举报”。

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

客服邮箱:

biganzikefu@outlook.com

所有的文档都被视为“模板”,用于写作参考,下载前须认真查看,确认无误后再购买;

文档大部份都是可以预览的,笔杆子文库无法对文档的真实性、完整性、准确性以及专业性等问题提供审核和保证,请慎重购买;

文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为依据;

如果您还有什么不清楚的或需要我们协助,可以联系客服邮箱:

biganzikefu@outlook.com

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

文秘专家
机构认证
内容提供者

1

确认删除?