浅谈HTML5的技术优势

王 睿

(营口职业技术学院，辽宁营口115000)

【学术研究】

浅谈HTML5的技术优势

王 睿

(营口职业技术学院，辽宁营口115000)

通过研究HTML5在技术上的创新和进步，并依据HTML5开发人员的实际应用经验，归纳和整理出HTML5在可用性、用户体验友好性、性能上的改进和对于SEO友好等方面的优越性能，有利于Web程序员在应用中充分发挥和利用HTML5的新特点，更有效的应用基于HTML5程序的开发工具．

移动互联；HTML5；Web语言

0 引言

HTML从第一版的出现到现在，已经经历了5次改版．从HTML2.0开始， HTML用自身的优势证明了其在构建网站中的优势，甚至可以替代古老的C语言编程来架构部分网站．到了HTML5一代，对比之前的版本有了更多的优势[1]．从可用性、更好的用户体验，到对SEO友好性等，使HTML5的开发人员可以贡献出性能更优越的各种终端应用．首先，HTML5对跨浏览器方面的推动，使得跨浏览器的应用开发不再是一件繁琐的事情．在HTML4时代，由于语言本身的弱点，导致了浏览器各自为政，扩展开发了很多特性，导致浏览器之间不兼容．到了HTML5时代，这一问题被彻底解决．其次，WHAT Working Group和W3C在制定HTML5标准的时候，吸取了XHTML的诸多教训,将向后兼容作为了一个很重要的设计原则．HTML5在引入了许多新的特性之后，它始终坚持一点：不打破已有的网页．程序员可以将之前任何已有网页代码的第一行改成，它就立刻成为一个HTML5代码页面，之后就可以在浏览器里正常的展示．这些特点为开发人员提供了极大地方便，同时，也在应用中使得HTML5的诸多优势更多的展现出来．

1 HTML5的技术优势分析

1.1 最移动化的开发工具

移动互联技术的应用将成为现在流行的生活模式，也是一种时尚．当移动互联设备(如：手机)广泛应用时，访问网站和Web的频次迅速增长．HTML5迎合了这种需要，使用HTML5来开发Web应用将会变得简单而流行[2]．

制作手机版网站时，需要界面简洁，充分利用手机的方寸屏幕．HTMH5的Meta标签用来提供页面信息，Meta的一组标签会让编程者得心应手，做出适合于移动终端的网页．

以Meta的Viewport标签为例．Viewport是屏幕的可视区域．使用Viewport标签时，可以设置它的屏幕尺寸属性，包括高度、宽度、初始缩放比例、最大缩放比例和最小缩放比例．这样，制作网页时，我们可以设置一个或几个属性，终端浏览时会根据尺寸的相关性调整到最佳的比例．这样可以避免浏览网页时因为固定的初始尺寸带来的尴尬[3]．

1.2 HTML5支持跨浏览器

目前较为流行的浏览器，比如：IE9、Firefox、Chrome、Safari等，都支持HTML5，甚至很低版本的IE6都可以使用．难能可贵的是HTML5充分吸取了之前版本的经验，本着向下兼容的原则，对之前基于低版本的IE浏览器开发的网页，只要添加JAVASCRIPT代码便可以使用新的元素：

．

HTML5的这种亲和力会使得大多数Web应用程序员喜欢使用它．

1.3 更易于开发互动应用

我们在浏览网页时，往往更容易被那些互动项目所吸引，HTML5也充分考虑到了这一点．

在HTML5提供的大量API(Application Programming Interface,应用程序编程接口)中，有一部分专为开发互动应用而设计，如：Drag and Drop 、Offline storage database、Browser history management、Document editing和Timed media playback 等．这些都是有关交互式网页开发的API．使用这些程序接口，程序员很方便开发出交互式的网页，这也是HTML5的魅力之一．

1.4 对于SEO很友好

使用 HTML5，减少了网站对插件的依赖，如：Flash，使得网站加载速度变快，有利于用户体验，并且由于结构上改变，有更多能被搜索引擎识别的内容．这些表现对SEO带来很友好的影响．

相对于之前的版本，HTML5主要有两个方面发生了变化：

一是结构上的变化．以前我们在定义头部时一般用Div标签，然后用Id=Header来说明，但是这种情况下每个人都有一套不同的命名方法，搜索引擎就很难识别网站的结构．使用HTML5，就可以直接用Header标签，同样的还有Nav标签、Footer标签、Section标签等．我们可以直接使用这些有利于搜索引擎索引的标签，让搜索引擎了解我们网站的结构．

二是功能上的变化，如增加了Video标签，Audio标签等，减少了网站对Flash插件等的依赖．还有一些其他的内容如Time标签，该元素能够以搜索引擎可读的方式对日期和时间进行编码．

1.5 最优化的存储方式

HTML5设计了一个很聪明的存储方式，它把用户信息及缓存数据保存在用户的浏览器中，建立了一个客户端的数据库，也就是本地存储数据库．这样设计的优点在于存取速度快，安全性高．当用户加载上一次的应用状态时，更能体验到优越的性能．并且，这一技术不需要第三方插件，同时支持所有主流浏览器．而早期的版本更多是使用Cookie技术，关闭浏览器后Cookie将被删除．使用HTML5开发的Web程序，用户完全不需要有这种担心．

1.6 重视游戏开发

互联网游戏已经是IT产业不可或缺的重要部分，游戏业的年产值很大一部分是在移动互联领域实现的．HTML5也没有忽略这一方面．

在游戏开发方面HTML5的最大特点是提供了大量的开发框架，如：Simpler框架，Foundation框架等等．并且，新的框架还在不断涌现．HTML5的游戏框架注重游戏开发的不同方面，有的注重音频特效，有的偏重前端开发．不同的框架程序给游戏开发者提供了极大的方便，可以使程序员将更多的精力注重在游戏的内部逻辑方面．

可以预见在未来的相当一个时期，游戏的制作将会进入HTML5时代．

1.7 更多的多媒体效果

HTML5有两个专门的标签用于多媒体网页的设计．Video用于访问视频资源，Audio标签用于访问视音频资源． 使用HTML5开发Web应用时，

使用HTML5可以很好的替代Flash和Silverlight．较少的插件应用将提高运行效率．

1.8 易学易用，增强用户的友好体验

首先，HTML5很像HTML，熟悉HTML的程序员不需要重新学习．有些程序员写过XHTML Strict代码，HTML5则完全包容XHTML Strict．HTML5更多的元素已经被很多公司所采用．

其次， HTML5诸多新技术的使用，使得创建网站更加简单．像使用Video和Audio标签开发多媒体网页，利用框架开发游戏，以及开发交互式Web应用，都在很大程度增强的了用户的友好体验，更有利于网站提高用户粘性．

2 结论

上述归纳总结了关于HTML5几个方面的技术优势，是基于许多前端开发人员的使用经验．分析HTML5技术上的改进，会引导更多的程序开发人员在开发应用中更好的利用这些技术更新．因为HTML5较之先前的版本有比较多的突破，随着前端的开发人员更加深入地使用基于HTML5的开发平台，会积累更多的经验，总结出更多的关于HTML5的技术特点和优势，同时也会发现其局限和不足．对于这些经验的归纳和总结，有益于推动HTML技术迈入更高级的阶段．也因为HTML5作为应用服务平台技术的重要组成部分，研究HTML的技术改进与提高很有价值．特别是在移动通信和互联网应用蓬勃发展的今天，对于HTML技术至臻至美的追求，会使对于这一技术的研讨持续地深入下去．

[1]李东博. HTML5+CSS3从入门到精通[M]. 北京：清华大学出版社，2013.

[2]Christopher Schmitt ， Kyle Simpson. HTML5经典实例[M].北京：中国电力出版社，2013.

[3]陆建华，俞洋.基于Wed的组态界面软件架构的设计与实现[J].辽宁师范大学学报：自然科学版，2013，(4)：491-496.

(审稿人 李树东 邓景茹，责任编辑 王 巍)

On the technical advantages of HTML5

WANG Rui

(Yingkou College of Vocational Technology，Yingkou Liaoning 115000)

Through the research on the innovation and progress of HTML5 in technology, combined with the practical experience of HTML5 programmers, the paper inducts and sorts out the excellent performance of HTML5 in usability, user-friendliness, performance improvement and SEO friendliness and so on, which is beneficial for Web programmers to give full play and make best use of the new features of HTML5, and then take advantage of the development tools based on HTML5 more effectively.

mobile internet; HTML5; web programming language

2016—12—10

王睿(1961-)，女，辽宁营口市人，副教授，主要从事软件工程方面研究．

TN915.03

A

1008-5688(2017)01-0040-02