HTML5在移动Web中的新特性与实现

HTML5在移动Web中的新特性与实现
HTML（Hyper Text Mark-up Language）超文本标记语言，是当前移动Web 中应用较为普遍的语言。

因为应用HTML语言写出的网页不管是哪种操作系统，只需有浏览器就能够读取网页，而且利用超链接实现多种资源的互联，代表了现代信息网络的开放性。

文章首先介绍了HTML5在移动Web中的新特性，移动平台的应用，进而研究了基于HTML5新特性在移动平台中的应用。

标签：HTML5；移动Web；新特性
随着信息网络技术的飞速发展，HTML5获得大量应用，其不仅支持PC端，对移动端的支持也在不断加强，并削弱了插件的相关作用，能够直接应用于各类应用，对苹果手机等不支持flash的系统来讲，变得更为方便，并且全新的HTML5有着极为强大的处理错误功能以及非常关键的存储能力，使用者能够非常方便的应用离线等功能，要更为契合当下的移动网络习惯，毕竟大家已经习惯于在有无线网络的时候下载好文件，在没有无线网络的时候方便使用。

在新出现的各种版本中，大多都支持HTML5的多种新特性，比如Chrome、Opera、Firefox、Safari 等在新的更新中都已部分或全部支持HTML5。

下面就HTML5在移动Web中的新特性，移动平台的应用，基于HTML5新特性在移动平台中的应用等展开研究。

1 HTML5在移动Web中的新特性
1.1 类似画布的Canvas标签
Canvas类似画布功能，能够画出任意的线、形状等效果。

此外，Canvas不但能够实现简易的二维图，还能做出三维的图形，还有图像的进一步处理等相关操作。

1.2 实现音视频播放的video与audio标签
新出现的video标签使得视频需要通过其他插件来播放的问题得到解决。

在video中添加preload就能够做到使用者观看页面时实现视频的预载，并且设置controls属性就能够在视频下侧加上进度控制条。

此外，在HTML5中，还加上了audio标签，这就无需通过其他插件来播放音频。

1.3 实现本地的离线存储
HTML5storage给出了一种方法可以让网络站点将资源预存到使用者在当地的网络终端设备上，并在未来一段时间要用的时候即时调用。

该项功能与cookie 比较类似，不同之处在于其是为了更多存储开发的。

Cookie的容量要受到一定限制，而且每当要求一个新的访问的时候cookie都要被传送出去。

而HTML5的storage是存放于使用者在当地的网络终端设备上，在网页加载完成之后还能利用Javascript来得到以上数据。

1.4 使用起来更加方便
HTML5与XHTML1.0不同，不需要声明文档类别，使得新的使用方法更为方便。

在HTML5的访问中加入CSS与JavaScript文件不再设定相应类型，编程更加简单，在HTML5中，应用Hgroup能够对标题进行分组，比以前应用H1、H2标签难以区分子标题之间的所属关系要方便得多，新的标签使用起来更加方便。

2 移动平台的应用
随着移动网络技术的迅速发展，各种各样的移动平台正逐步发展为人们间互相连接的全新接口。

最近的调查表明，我国智能手机的使用率已超过三分之二。

亚洲已变成全球在线学习的实验室，去年在线教育市场规模已超过1200亿元，年增长率达到19%。

在18岁到24岁之间的消费者中，远超三分之二的人在使用移动智能终端，要知道相关数字在五年前只有不到二分之一，涨幅达到了18%。

而且在该阶层，使用平板以及电子书的比重达19%，与往年比较，增长了9个点。

据权威人士研究发现，应用智能终端的学生的学习体验更为丰富多彩。

在这些消费者当中，多于70%的人会选用具有抽认卡及自测能力的应用程序来帮助学习，并且还有调查表明，应用移动智能终端学习的效率要远超常规方法的学习。

3 HTML5的应用
3.1 HTML5在移动平台数学中的应用
在学习数学时，有着许多的点、线、面内容，在以往的学习中，老师必须浪费很多的时间、精力来做板书等，现在应用计算机辅助手段将老师从琐碎的劳动中解放出来。

应用HTML5的Canvas、SVG、WebGL以及CSS3等能够进行任意類型的画图。

在以往的数学在线测试中，对相关表达式仅能使用图片的方式来呈现，文字和图像之间的排布设计就要花费很多的时间与精力。

可以说，繁杂的数学公式设计已变成数学在线学习的严重阻碍。

当前HTML5发布的math标签非常方便，应用它只需几条代码就能够做出复杂的公式。

3.2 HTML5在移动平台物理中的应用
在HTML5中，使用者能够应用Canvas画图功能画出图形、动画等。

当下的许多数字物理模型都是有关桌面终端的，移动方面的则非常少。

智能手机等移动智能终端的应用以及HTML5的普及，使得虚拟实验的移动端不需插件呈现变成可能。

虚拟实验的表现不再只是限于上课时老师使用常规的电脑终端在投影上呈现，也不再只是限于在机房或者个人的计算机上查看，它使得虚拟实验也能够跟随生活变得“移动”起来，上课前、下课后都能方便的对有关实验进行观察、学习，还能运用创新的手势操纵实现交互式学习。

3.3 HTML5在移动平臺视频播放中的应用
HTML5能够支持ogg、MPEG-4、Webm等相关播放格式。

其中的MPEG-4使用最多，因为它有着以下特点：视频较小、画面清晰、浏览器适用性强等。

想要发布视频MPEG-4格式，就可以采用HTML5独有的Canvas、video、audio等标签内容嵌到学习页面上。

3.4 HTML5在移动平台信息通信中的应用
HTML5还能提供WebSocker这类浏览器与服务器两者之间全双工通信的重要技术。

在WebSocker中，两者仅需要进行一次握手，它们之间就能够构成一条便捷路径，就能够实现信息的发送接收。

3.5 HTML5在移动平台视频标注中的应用
HTML5实际上是为JavaScript与CSS等指出了一个更加广泛的舞台。

微视频的时间较短，内容完整性高，適用于移动终端的观看，特别是在手机端，极为方便。

而字幕导航标签就是考虑到这一方面而研发的，其能够辅助使用者迅速找到想要的内容位置，进而提升观看效率。

3.6 HTML5在移动平台界面设置中的应用
为了便于在移动端上呈现，可以应用基于HTML5的input标签的新特性placeholder来表现出文本框录入文字提示消失效果。

应用HTML5实现输入框添加音频录入功能。

或应用类XHTML的语言
能够应用JavaScript实现语音识别这个功能的停止
4 结束语
随着移动网络技术的迅速发展，HTML5获得大量应用，其在移动端的适用性极强，并在一定程度上削弱了插件的应用，能够方便的使用于各类应用中。

尽管当下的HTML5还有着以下不足：开放性问题、标准性问题、技术仍需改进以及有安全隐患等，不过通过应用HTML5的新特性能够实现：画面的即时观看、类即时音频通讯、呈现多种图形、有效表达数学/物理中的公式、应用字幕列表管理播放进程、扩大应用领域、实现更多类型的分辨率展示以及更为顺畅的播放体验等，在许多方面有效地解决了当下移动Web中所遭遇的需要及时解决的问题。

参考文献
[1]魯扬.基于HTML5的移动Web技术研究[J].教育，2015（12）：
00284-00284.
作者简介：徐海伟（1996，7-），男，汉族，籍贯：四川省达州市，本科，研究方向：软件工程。