简析HTML5在移动互联网开发中的应用

摘 要：在“移动互联网+”理念蓬勃发展的今天，智能手机的发展给我们的生活带来了翻天覆地的变化。在智能手机的应用开发中，目前还是以Apps的开发作为其发展的主流，然而，随着HTML5技术的不断发展，将来的移动互联网应用开发将会变得更加简洁，从而给用户带来更好的用户体验。HTML5的发展将会引领移动互联开发达到一个新的高度。

关键词：HTML5；移动互联网；开发

中图分类号：TP311.1 文献标识码：A

1 引言（Introduction）

在未来的某一天，我们打开手机，不再需要访问手机应用商店，不论是Apple的还是Google的，我们只需要点击手机主菜单页面上的一个链接，手机就会立即在它的浏览器上启动一个“应用程序”；再也不需要flash插件，就能欣赏华丽的视频画面。这就是HTML5在移动应用开发中带给用户的全新体验。

2 什么是HTML5（What is HTML5）

2.1 HTML5的概念

在这里我不说一些特别难懂的语言，我这里简单的解释一下，如果你学过HTML，那么就是HTML4，HTML5[1]是针对现有的版本进行了一些丰富，把一些原先常用的标签进行了统一，还添加了一些以前没有的新标签来满足更复杂的功能，像原先网页上面的音乐播放器，现在都不需要通过flash插件来实现，仅仅通过HTML5编写程序来实现，可以说HTML5的出现是一个很大的进步。

有些东西需要HTML5来实现，但是不能保证用户用的浏览器都支持HTML5，所以有些功能需要保证兼容性，所以这也是限制HTML5的一个原因。

另一个因素就是HTML5在移动端的表现没有想象中优越[2]，有很多的开发者在移动端做了很多尝试，尤其是在移动端开发游戏，在动画效果的实现上面，流畅度没有得到很好地的保证，不过随着移动设备的硬件越来越快，所以在以后HTML5在移动端的劣势会被掩盖，当然并不是所有的移动端设备表现的都不好，HTML5在IOS平台下的表现就很不错，已经可以成为企业开发的一个选择，相反android就不尽人意。

2.2 HTML5新特性

（1）添加了canvas元素[3]，这个元素可以帮助我们实现更炫更棒的动画效果，HTML5游戏就是通过这个canvas来实现的场景的渲染。

（2）媒介元素，如video和audio元素。

（3）地离线存储的支持。

（4）原先的标签更加分散和清晰，如article、footer、header、nav等。

（5）新的表单元素属性，比如data、time、Email、url、search等。

HTML5的新特性如图1所示。

3 HTML5使用的框架（HTML5 framework）

（1）LungoJS。这个是被认为开发移动网站最好的HTML5开发框架[4]，使用HTML5/CSS3和JavaScript技术。可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。

（2）Kendo UI。Kendo UI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

（3）Jo。该框架可以创建像本地一样的应用，并且兼容任何操作系统，无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。

（4）Sencha Touch。Sencha Touch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备。

（5）LimeJS。LimeJS是一个JavaScript游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于HTML5的游戏，支持主流浏览器包括iOS。

4 HTML5的优势（Advantage of HTML5）

HTML5最好的一个优势就是跨平台，如果你是开发者，你只要写一套程序就可以在任何地方运行，PC，移动端都可以，这个大大的节约了开发成本。

另外一个优点就是标准的统一，开发人员不需要再头疼浏览器的兼容性，不过在这之前得保证浏览器支持HTML5。

最后一个优点是站在用户的角度，在移动端你想要用一个APP，你得去下载，每次APP更新或者改版，用户很反感，用HTML5开发的只需要借助移动端浏览器打开，不需要用户下载，打开就可以直接用，用户头疼的更新问题也不用担心了。

5 结论（Conclusion）

随着移动互联网技术的发展及智能终端的不断普及，移动互联网开发技术也大量的涌现出来。作为互联网超文本标记语言的新一代核心标准，HTML5顺应了互联网发展潮流。移动互联网的蓬勃发展使得HTML5的前景一片光明。

参考文献（References）

[1] 刘彦科.移动互联技术为自助设备运行管理添翼[J].中国金融

电脑，2012，8：15-16.

[2] 程宝平.HTML5倾国倾城尚待时日[J].通信产业报，2011（3）：

23-24.

[3] 顾春来.APP应用程序开发模式探究[J].硅谷，2014（5）：45-46.

[4] 亢华爱.用HTML5开发移动应用[J].科技创新导报，2012（3）：

46-47.

作者简介：

毕晓明（1974-），女，硕士，讲师.研究领域：教学管理.