谈HTML5技术开启移动互联网的新时代

苏绍培　李娟　张燕

摘 要：在移动互联网飞速发展的当今，HTML5标准是W3C（万维网联盟）近年来颁布的一项引起业内轰动的Web技术新标准。几乎颠覆了传统PC机形式互联网的格局，根本性地优化了移动互联网的多角度体验，因为它的各项新特性为瞬息万变的移动互联时代提供了更为出色的解决方案。业内预测，HTML5技术将会成为移动互联网市场的下一个造物主。

关键词：HTML5；移动互联网；跨平台性；移动终端；WEB

中图分类号： TP393 文献标识码： A 文章编号： 1673-1069（2016）17-137-2

0 引言

21世纪移动互联网给人们带来了全新的生活形态，随着我国“互联网+”的提出，这个国家级战略与各行业紧密结合不断助力企业发展，互联网推动社会进入到一个新的发展阶段。中国互联网信息中心在2016年初发布了第37次《中国互联网络发展状况统计报告》。报告指出，截至2015年12月中国网民规模达6.88亿，互联网普及率为50.3%，超半数中国人已接入互联网。报告还显示，我国手机网民达6.2亿，无线网络覆盖使用率达到91.8%，且我国网民上网方式与设备也正在向便携式移动设备特别是手机端转向。伴随着信息化的快速升级，4G网络的普及、无线网络的发展、智能手机的更新换代，移动设备早已成为我们生活中不可或缺的装备。与台式机相比，移动终端配置低、可视屏幕小、系统性能差、应用范围较窄，如果依旧采用传统HTML标记制作WEB网页则无法满足网络多媒体的展示。但随着HTML5的提出，其特性能为移动互联网应用提供无限广阔的空间。

1 HTML5技术的前生今世

HTML语言，一种用于描述网页文档的标记语言。它的第一个版本诞生于IETF团队1993年的一个草案。两年后又发布了第二个版本HTML2.0。在1996年HTML3.2正式被W3C推荐。1997年到1999年HTML4.0和HTML4.01相继发布，并得到W3C的认可推荐。2000年基于HTML4.01的ISO HTML成为了国际化组织的标准并沿用至今。然而在2004年以Opera，Apple以及Mozilla为代表的公司提出从根本上扩展HTML的提议被W3C拒绝了后，他们成立了Web超文本应用技术工作组——WHATWG。WHATWG致力于Web Forms 2.0和Web Apps 1.0方向研究，二者都是HTML超文本标记的扩展技术。然而分歧过后，WHATWG与W3C于2006 年决定进行合作，并在不久后创建了一个继HTML4.01之后具有全新标准的 HTML新版本，即具有传奇色彩的HTML5标准，并于2008年公布了HTML 5第一份正式草案。在2012年底， W3C宣布凝结了无数工作者心血的HTML5规范正式定稿。之后又经过团队无数次修改，正式封稿于2014年10月，并计划在2016年底前发布HTML5.1推荐标准。截止2014年，经过近8年的艰苦奋斗，该标准完成制定。此时各浏览器也纷纷兼容HTML5标准，包括Chrome 、Opera、Firefox 、Safari 、IE9+等，而国内浏览器猎豹、360、遨游、搜狗等同样具备支持HTML5的能力。这注定HTML5会有一个宽阔的舞台。

2 HTML5新特性开启移动互联网的新面貌

HTML5是HTML升级后的新标准，是一套综合性技术集合，包括如HTML5、CSS3样式、JS脚本、设备API、Web应用API等一系列开发新标准。它已完全打破传统网页形式，为用户带来更丰富的页面互动与体验效果。由于基于HTML5的移动互联网应用在智能移动设备终端Web环境中运行，其运行代码主要部署在云端设备上，具备良好的跨平台性，HTML5是唯一一个纵横于PC、Mac、iPhone、iPad、Android等主流平台的跨平台语言。而移动互联网是指以包括平板、手机及其他手持式终端设备，并通过无线接入到外网，应用包括WEB系统、查看网页、购物、网页游戏、网络社交等各种生产生活活动。移动互联网势必要成为市场潜力最大、发展最快的领域， HTML5也将注定是富媒体移动互联网技术实现的重要因素。

2.1 系统跨平台性

跨平台性是HTML5最闪亮的优点，是众多开发者喜爱的原因之一，特别是游戏开发者们。原来由于系统平台不同所使用的语言也就不同，而用HTML5开发是跨平台问题的一个非常有效的解决方案。即：每款游戏或应用系统产品在开发者看来无论是笔记本、还是PC机、触摸屏、或平板电脑和手机，代码只需编写一次，便可在不同系统平台上正常运行。

2.2 多媒体特性WEB网页

众所周知，现在绝大多数Web网页普遍依赖于插件，网页游戏、在线歌曲、在线视频、购物、WEB办公等都要依赖插件，在操作繁琐的同时还存在着一些安全隐患。HTML5极大提升了对网页端多媒体的支持，提供了包括音频（Audio）、视频（Video）和图像动画（Canvas）新标签。其中，标签Audio和标签Video分别用于播放网页中的音频和视频内容，而浏览器再也无需安装任何额外插件便可以应用网页的各种多媒体功能，对移动上网设备来说也能更快、更好的呈现网页内容；而标签Canvas则使得浏览器直接忽视了如Flash之类的插件，它能实时绘制2D动画，在浏览器端也无需插件便可直接显示图形或动画。总之，HTML5使得网页的音频、视频、动画与图形可以自由嵌入，多媒体形式更为灵活。

2.3 离线存储功能使用

传统WEB页面文件存储在服务器端，用户连入互联网访问时都要向服务器发送请求，而网络传输速率、介质、距离、文件大小、文件类型决定页面的呈现状态。HTML5技术是在用户浏览器内嵌套一个数据库，以开放本地缓存等方式来实现页面的离线运行功能。它的特点是让网页能够在断开网络时继续运行，这将极大节约网络流量。离线存储功能有三方面优势：一是离线浏览模式，终端用户可在页面应用断线时继续浏览页面；二是页面响应速度，用户请求已缓存的资源加载会更快；三是服务器负载，浏览器将执行差异性下载，只从服务器端下载更新过的资源。

2.4 新颖的输入法和地理定位功能

由于终端显示设备不同，移动互联技术与传统宽带相比，输入方式已经不再只是鼠标和键盘之类硬件设备，出现了触屏响应、语音、二维扫码等全新形式。HTML5可轻松解决网页端信息的采集与交互功能。

另外，便携式移动设备上的移动定位功能，能充分发挥地理定位的优势，使用户随时随地分享位置，推动LBS发展，让定位和导航不再专属导航软件。

2.5 拥有更合理的新标签

几乎所有开发人员都知道在HTML4中有譬如之类标签很少被使用，在HTML5中已经完全剔除掉过时的标签，而增加了一些全新的表单标签，增加了对拉丁字符以外的处理。此外，为了使创建者可以创建更干净，更易管理的网页，HTML5引入了微数据，从结构上实现机器能识别的标签来备注网页内容，从而使搜索引擎、读屏软件等更友好的支持。还有全新规范的CSS3为页面提供了更多风格和更出奇的效果，例如特效、动画等强大功能。

2.6 网页显示自适应性

在HTML5技术出现之前，网页开发者们在开发一个网站时，将根据显示屏尺寸的不同而制作出能适应其显示屏大小的多个版本的作品。显然这个过程需要付出几倍的精力，而网站维护工作量也将翻倍。HTML5的屏幕自适应性较强，网页能自动识别显示设备的大小，并能自我调整页面布局形式。HTML5的这项特性深受网站前端设计者的喜爱，HTML5技术开发的页面在移动互联设备上得到了完美呈现。

3 结束语

HTML5技术目前尚处在一个发展与完善的阶段，但它是未来人机交互、人网交互等新型互联网技术的希望，随着移动互联网应用不断推动着技术整合、设备兼容，HTML5开发标准会成为未来的主流标准。HTML5的终极使命是W3C在2022年正式发布标准，届时将彻底改变现有的互联应用模式，将会给人类创建一个更成熟、更多元化、更和谐的综合应用平台。

参 考 文 献

[1] 尤胜.HTML5的移动互联应用初探[J].电子世界，2014

（4）：2-3.

[2] 钟丽萍.展望HTML5的发展[J].计算机光盘软件与应用，2012（13）：153-153.

[3] 中国互联网络信息中心.CNNIC第37次调查报告[R/OL].http：//www.cnnic.com.cn，2016，1.