首页 > 范文大全 > 正文

HTML5的移动互联应用初探

开篇:润墨网以专业的文秘视角,为您筛选了一篇HTML5的移动互联应用初探范文,如需获取更多写作素材,在线客服老师一对一协助。欢迎您的阅读与分享!

【摘要】html5是W3C组织近年来的一项引起业内轰动的Web新标准。它的各项新特性为新兴的移动互联提供了完美的解决方案。它将称为未来移动互联的主宰者。

【关键词】HTML5;移动互联;跨平台性

一、HTML5的发展历程

自从1993年互联网工程工作小组了最早的HTML1.0以来,经过了多次版本升级。到目前为止,使用最为广泛的版本是1999年的HTML4.01。在当今这个互联网发展瞬息万变的时代,一个使用了10几年的标准真可谓是“古董”级别了。在这十几年间,互联网出现了许多新的内容和变化,比如:多媒体的丰富表现、网页良好的互动性等。特别是随着智能手机、平板电脑等这些新设备的普及,移动互联网相比较传统的互联网体现出更多新的特性和要求。比如:手势控制、重力感应、全球定位等等。所有这些无不呼唤着新的Web标准的出台。正是在这种背景下,经过了多年的准备与积累,2012年12月,W3C组织正式宣布HTML5进入定稿测试阶段。之后又经过许多修改,于2013年5月公布了HTML5.1正式草案。HTML5一经就引起了巨大反响。W3C首席执行官Jeff Jaffe表示:“从今天起,企业用户可以清楚地知道,他们能够在未来依赖HTML5。”

HTML5实际上是一套技术集合,包括了:HTML、CSS和JavaScript。它希望能够减少浏览器对于需要插件的富媒体网络应用(比如:Adobe Flash、Microsoft Sliverlight、Oracle JavaFx)的需求,并提供更多能有效增强网络应用的标准集。虽然HTML5技术目前仍处于发展阶段,但是它已经被大部分浏览器所支持。例如:FireFox、IE9及以上版本、Chrome、Safari和Opera,还有国内的遨游、360、搜狗、QQ、猎豹等。HTML5是Web开发标准的一次飞跃,它为下一代Web提供了全新的平台,它的发展前景为许多业内专家们看好。

二、移动互联网的广阔前景

移动互联网是指用户以手机、平板电脑或其他手持终端设备,通过各种无线网络接入互联网。移动互联应用包括:网页浏览、网页游戏、网络社交、网上购物、网上支付等。当前,随着各种智能手机、移动手持设备的爆炸式大发展,以及3G、4G无线网络的不断快速推进,使用移动互联业务的用户规模持续增长。全球的移动互联网进入了高速发展阶段,并成为各国经济新的增长点。

图1

根据中国互联网络信息中心(CNNIC)的第33次《中国互联网络发展状况统计报告》显示:截至2013年12月底,我国总网民规模达6.18亿,其中手机网民规模达5亿,网民中使用手机上网的人群占比由2012年底的74.5%提升至81.0%(如图1所示),手机网民规模继续保持稳定增长。

同时,报告中还指出:在智能移动终端快速普及、电信运营商网络资费下调和Wi-Fi覆盖逐渐全面的情况下,手机上网成为互联网发展的主要动力,不仅推动了中国互联网的普及,更催生出许多新的应用模式,重构了传统行业的业务模式,带来互联网经济规模的迅猛增长。

从以上分析可以看出,移动互联网已经替代了传统的互联网成为新的经济增长点。移动互联网是互联网新的发展方向。

三、HTML5的技术新特性与移动互联

HTML5的许多新特性正是移动互联新需求的良好解决方案。

1.跨平台性

HTML5的最大优点在于它的跨平台性。只要这个设备上的浏览器支持HTML5,那么一个HTML5编写的应用程序就可以在此平台上运行。无论它是台式电脑、笔记本电脑还是手机和平板电脑。也无论它是苹果手机还是三星或华为手机。

这一优点使HTML5受到许多开发者的欢迎,尤其是游戏开发商们。原先,对于游戏开发商们来说,要想把一款在苹果手机上非常热门的游戏移植到安卓手机上,那将是一项艰巨的任务。由于不同系统平台使用的语言完全不同,苹果的IOS平台使用的是Objective-C语言;而Android平台使用的则是java和C语言,因此移植一款游戏也就意味着整个游戏的代码要重新编写和在新平台上重新测试。这种技术语言之间的巨大跨度以及游戏测试的巨大跨度给游戏在不同平台间的移植带来许多困难。而崭新的HTML5是跨平台问题的一个有效解决方案。开发者们也非常希望看到这样一种结局,即:一款游戏或应用只要编写一次,就可以在不同平台上实现运行,无论它是台式电脑、笔记本电脑还是手机和平板电脑。这正是HTML5受到众多开发者们追捧的主要原因。

2.网页多媒体特性

HTML5极大提升了对网页端多媒体的支持,其中包括了音频、视频和图像动画。HTML5增加了Audio和Video标签来识别网页中的音频和视频内容,使得原来需要安装浏览器插件才能使用的多媒体功能,如今无需安装任何插件就可以使用。而HTML5中增加的Canvas对象则给浏览器带来直接绘制矢量图的能力,这意味着用户可以脱离Flash和Silverlight,直接在浏览器中显示图形或动画。这项特性影响最大的要数Adobe Flash,Flash原先在网页多媒体动画上的霸主地位被撼动,尤其是在新兴的移动互联上。众所周知,苹果一直以来杜绝Flash出现在iPhone和iPad上,认为其技术影响设备的用户体验,后来苹果找到了可以替代Flash的革命性技术HTML5。而另一家移动互联巨头Google也极力支持HTML5技术。之后,Adobe Flash则宣布了暂停为移动浏览器开发Flash Player。因此HTML5似乎成为实现移动互联多媒体特性的唯一解决之道。

3.本地数据库功能

HTML5将在浏览器中内嵌一个本地的SQL数据库,以加速交互式搜索,本地缓存、索引功能以及实现Web的离线运行功能。其中的离线缓存概念相当新颖,是有待网页应用深入挖掘的HTML5重要性能,拓展空间很大。其主要优点是让网页应用能够在未连网的情况下继续运作。换句话说,如果得到了用户的许可,HTML5可以通过Application Cache API向用户提供离线存储功能,让HTML5网页应用在离线状态下继续运行。有很多专家甚至认为:HTML5的离线存储运行功能将会成为手机原生应用走向消亡的一大原因。

4.全新的、更合理的标签和对象

HTML5移除了HTML4中一些过时的标签元素,增加了一些新的标签元素以实现更好的页面结构和功能。增加了一些全新的表单输入对象,包括日期、URL、Email地址等,并增加了对非拉丁字符的支持。HTML5还引入了微数据,使用机器可以识别的标签来标注内容,从而使网页对搜索引擎、读屏软件等更为友好。全新的CSS3则为我们提供了更多的风格和更强的效果,甚至可以支持3D功能。

5.支持新的输入方式和全球地理定位

移动互联与传统互联相比,由于显示终端的不同,带来了操作方式的变革。操作方法不再是传统的鼠标点击和键盘输入,取而代之的是触屏点击和手指滑动。HTML5中添加了触屏事件,这使得类似于滚动列表、信息面板等需要通过触摸、划动手指来控制的UI组件均可在HTML5网页上实现。另外,移动手持设备上的全球地理定位功能,通过使用HTML5中的GeoLocation API也都能够实现了。

6.自适应网页

过去,网页设计者们往往要制作出同一个网站的不同版本来适应不同尺寸大小的显示终端。这样做虽然保证了效果但是比较麻烦,不仅制作工作量增加而且维护工作量也翻倍。当一个网站有多个入口时,还会大大增加架构设计的复杂度。HTML5提供了很好的屏幕自适应解决方案,能够自动识别设备的显示屏宽度,并根据屏幕宽度自动调整网页布局。真正实现了一次设计即可普遍适用。

四、HTML5的未来展望

尽管HTML5目前还是一个在不断发展完善的标准(仍处于正式草案阶段),但是由于它对代表着未来发展方向的移动互联的完好支持,必将成为未来的主流标准。按照W3C在2012年9月提出的计划,该组织将会在2014年底前一个HTML5的推荐标准,并在2016年底前HTML5.1推荐标准。毫无疑问,HTML5将成为未来移动互联网领域的主宰者。它将彻底改变现有的互联应用模式,最终将移动互联带入一个更加成熟的综合应用平台。

参考文献

[1]唐俊开,等.HTML5技术与移动出版[M].电子工业出版社,2013,9.

[2]秀野堂主,等.论道HTML5[M].人民邮电出版社,2012,5.

[3]sarah_long.HTML5是不是解决跨平台问题的终极密钥[OL]雷锋网,2012-02-26.

[4]中国互联网络信息中心.CNNIC第33次调查报告[R/OL].http://.cn,2014,3.

作者简介:尤胜(1975―),女,福建南安人,上海工艺美术职业学院讲师,研究方向:电脑艺术设计。