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

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画图功能画出图形、动画等。当下的许多数字物理模型都是有关桌面终端的，移动方面的则非常少。智能手