HTML5发展趋势的研究和探索

摘要： 从2008年公布HTML5标准以来，行业内对其表现出了浓厚的兴趣以及产生了大量的争议，随着互联网的发展，来自各界的质疑也不断增加。本文对HTML5标准进行技术分析，结合其自身的特点以及所面临的困境与机遇，对这其进行一些研究与探索。

Abstract： Since HTML5 standard released in 2008， a strong interest to it has been showed in the industry and a large number of disputes have been produced. With the development of the Internet， question from all walks of life are also increasing. In this paper， the technical analysis of HTML5 standard is conducted， and some research and exploration are done by combining with its own characteristics and the predicament and opportunity it faces.

关键词： HTML5；FLASH；SEO；浏览器；移动终端

Key words： HTML5；FLASH；SEO；browser；mobile terminal

中图分类号：TP39 文献标识码：A 文章编号：1006-4311（2012）36-0314-02

0 引言

HTML5标准推出至今，从刚推出的一致叫好以及发展中碰到的各种问题，已经不能单纯的从一个方面去评价它的成功与否。HTML5在诞生之后，就树立了一个原则，那就是所有的技术必须是开放的，不准有专利限制，在这期间Opera捐献了CSS技术，而Google则提供了视频格式WebM。[1]

近年来，移动互联网产业得到了很大的发展，而HTML5是全球移动互联网产业发展的焦点，因此可以说对HTML5来说是挑战与机遇共存。

1 HTML5的概念

究竟什么是HTML5？HTML5是用于取代1999年所制定的 HTML 4.01（即XHTML 1.0）标准的HTML标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5技术。HTML 5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA），如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。[2]

从目前来说，HTML5并不是一个成熟的标准体系，在过去的几年中这个标准在不停的完善与修改，它仅代表着未来可预见的若干年互联网的发展方向。HTML4已经有10几年了，但它仍是当前正式的标准的事实没有改变。

2 HTML5的优势

①文档声明简化。更简单的文档引入声明（doctype）是HTML5里众多新特征之一。现在你只需要写，这就行了，而且这个声明是向下兼容，开发者们无需再采用HTML4的声明，也就是说HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。目前国内已经有不少的大型网站开始使用HTML5的文档声明，具有代表性的是网易、淘宝、百度等行业知名网站。②新语义化标签。HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些等新标记的出现，它们是专门为标志网站的这些部分设计的，例如、、等具有明显的语义化的标签。新标签的引入给开发者们带来了巨大的影响，HTML4里面频繁出现的标签将会大大的缩减，被这类语义化标签所替代，使网页的结构更加的完善，同时也使得页面的移植性更强，增加了开发的效率。③很好的替代FLASH和Silverlight。对于Web用户来说，Flash既是一个惊喜，也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着要花几年时间加载和运行的臃肿的Flash视频的人来说，用新的标记生成视频的技术已经到来。[3]④SEO的友好性对于一些网站，特别是那些严重依赖于FLASH的网站HTML5是一个大福音。如果你有一个都是FLASH的站点，你就一定会看到切换到HTML5的好处。首先，搜索引擎的蜘蛛将能够抓去你的站点和索引你的内容。所有嵌入到动画中的内容将全部可以被搜索引擎读取。在搜索引擎优化的基本理论中，这一方面将会驱动你的网站获得更多的流量。在HTML4时代这个是不可思议的突破。

HTML5可以更好的促进用户于网站间的互动情况。多媒体网站可以获得更多的改进，特别是在移动平台上的应用，使用HTML5可以提供更多高质量的视频和音频流。到目前位置，事实就是iPhone和iPad将不会支持FLASH，同时ADOBE公司也在近期公开声明将停止FLASH基于移动平台的开发，现在我们已经可以这么说移动平台日后视频音频是HTML5的天下。从上面几个方面来看两者区别，可以充分说明了这一新标准带来的变革，HTML5的主旨就是简化、语义以及结构的完善。

3 HTML5面临的困境

3.1 浏览器的兼容 目前WEB浏览器主要是基于Trident、Gecko、Presto以及WebKit四大内核，其对应的主流浏览器分别为IE、Firefox、Opera以及Safari四种浏览器，HTML5在这四种主流浏览器的兼容性来看IE的兼容性最差，但是IE浏览器的用户群是最庞大的，特别是在国内，因此从使用者角度来看，浏览器兼容问题是一个最大的挑战。当然，在过去两年微软对HTML5加大了支持力度，新版本的IE9、IE10都对HTML5有了部分的支持。

另外即使是同一种浏览器，在Mac和Windows两个平台对其的支持也各不相同，这就导致了HTML5的开发难度会大大提升，开发者会为了达到同样的效果去写针对不同浏览器的代码，增加了开发的成本。

我们可以说HTML5有一天将是WEB更加的美好，但是有一天并不是现在。我们不能不提到重要的一点：迄今为止，并没有什么流行的浏览器可以完全的支持所HTML5规范的所有功能。需要明确的是，今天的主流浏览器都将趋于支持HTML5，但是仍存在许多不完全的支持或兼容。

3.2 升级的代价 对于构建一个全新的网站平台，使用HTML5无疑是比较迅速的，但是对于旧站升级会遭遇新旧程序以及代码的兼容问题，基于这一点会让HTML5的推广难度增大，特别是大型网站的更新换代，涉及的成本过于庞大而令人望而却步。同时，对于这个新兴的目前还不完善的标准，大部分的开发者都需要一个学习的过程，因此发展受到一定的制约；HTML5仍处在早期阶段，以后的修改会不断的出现。开发者必须考虑到这些，因为在网站上使用的这些新增加或修改的网页元素会经常变化，开发者需要不停的更新升级网站。这就是目前为止，成熟的WEB开发使用HTML4，只在实验里使用HTML5的原因。

4 HTML5面临的机遇

4.1 网页游戏的发展 2012年初，由新闻出版总署的2011年网页游戏实际销售收入55.4亿元，同比增长32.4%；网页游戏的蓬勃发展直接推动了HTML5在游戏业的地位，HTML5整个标准的应用价值，其实是用行业标准替代了商业标准，主要是替代Flash对web应用的增强功能，其好处是规范了web应用剔除了插件，升级了浏览器，它革命了浏览器，但却谈不上革命了应用本身，至少用户感受不到太大的差别[4]。视频还是那个视频、游戏还是那个游戏。它改变了使用这些web应用的方式，实现了跨平台，目前它方便企业更多一些，但对用户而言，尤其是游戏领域目前还看不到相对FLASH技术有多大的价值提升，游戏是用户的需求、跨平台进行游戏并不是游戏用户的必然需求，目前已经不少的游戏厂商完成了FLASH到HTML5的开发转型。

4.2 移动终端的普及 全球智能手机已经引领大潮，销量已经进入持续规模化增长阶段，智能手机在全球市场地位的逐步提升。与此同时，平板电脑及超级本等移动终端，以及与之紧密相连的手机操作平台系统、移动应用与手机网站也如雨后春笋般涌现到这个庞大的领域中来。基于手机以及平板电脑的主流浏览器均已支持HTML5的版本，大部分移动终端的APP都是基于HTML5去开发，因为脱离了浏览器兼容的束缚，在这个舞台上HTML5完全超越了它的前辈HTML4。

HTML5是移动互联网产业的战略契机，HTML5是开放标准，有助于移动智能终端上摆脱IOS、安卓、winphone等原生态应用的垄断与限制。提供了更多针对移动设备的特性，轻量级应用，突破APP STORE的封锁等等。

参考文献：

[1]Mark Pilgrim常可，胡金埔，赵静译.HTML5揭秘.电子工业出版社，2010：11-14.

[2]张亚飞.HTML5+CSS3网页布局和样式精粹.清华大学出版，2011，9：7-9.

[3]（英）霍克斯，周广新，曾少宁，盛海艳等译.HTML5 Canvas基础教程.人民邮电出版社，2012，01：19-19.

[4]（美）迈耶 徐阳，荆涛等译，HTML5游戏开发.人民邮电出版社，2011：50-51.