主宰未来 五大浏览器HTML 5性能评测
董师傅茶房
随着IE 9的发布，浏览器的诸多新应用逐渐得到广大用户的关注，例如支持硬件加速功能和新的HTML5标准。而作为下一代超文本标记语言，HTML5无疑代表了互联网的未来，那么现在我们常用的浏览器在HTML5兼容性方面的表现又是如何呢？董师傅就带你深入评测一番！
什么是HTML 5？
显然，在讲什么是HTML5之前，我们首先要了解一下什么是HTML语言。
HTML是英文“Hyper Text Marked Language”的缩写，根据字面翻译就是“超文本标记语言”的意思。简单说，HTML语言就是一个载体，我们浏览的网页内容首先要经过HTML语言编写，然后再通过浏览器的解析最终展现在用户面前。
HTML 5是HTML语言的新版本，自1999年12月发布HTML 4.01以来，HTML语言的开发一直处于停顿状态，但随着互联网的飞速发展，HTML 4.01已然无法适应现在的Web应用，因此HTML 5就应运而生，并且，它也将成为未来网络发展的新平台。是的，与HTML 4.01相比，HTML 5已经不再是简单地展现Web内容，它将把Web应用带入一个新平台——文字、动画、音频、视频以及同电脑的交互都将标准化的平台。
除了上面这些，HTML 5还有很多新的应用，例如离线Web应用、无须插件即可创建动画等等，这里就不再多说，因为确实太多了。接下来，我们就进入实质性的评测阶段，让我们看看目前用户最多的五大浏览器——IE、Chrome、Firefox、Opera和Maxthon在HTML 5兼容性能方面的表现如何。
注：本次测试采用的浏览器版本分别为IE 9 Beta、Chrome 7.0.53、Firefox 4 Beta 6、Opera 10.7和Maxthon 3正式版，以下分别简称IE 9、Chrome、Firefox 4、Opera和Maxthon 3。
基础测试 HTML 5兼容性比拼
作为新一代网页标准，浏览器能否有更好的兼容性自然直接决定了能否呈现更好的效果。为此，我们首先对几款浏览器的HTML 5兼容性进行一番测试。测试成绩分为总分和奖励分两项，其中总分是指浏览器在总体上对HTML 5的新标准和相关规范的支持程度如何；奖励分则是指浏览器对HTML 5当中嵌入的音频和视频编、解码器的支持度，不过该分值并不计入总分，因为在HTML 5当中并没有限定视频或音频的编、解码器格式。
最终测试成绩如表1所示（得分越高兼容性越好，满分300分）。
董师傅提示：SVG是可缩放矢量图形（Scalable Vector Graphics，简称SVG），是基于XML（可扩展标记语言）的用于描述二维矢量图形的一种图形格式。
MathML是数学置标语言（Mathematical Markup Language，简称MathML），是一种基于XML的标准，用来在互联网上书写数学符号和公式的语言。
通过测试可以看到，Chrome无论是总分还是奖励分都遥遥领先，而且支持的音频和视频格式也最多，剩下的Firefox 4、Opera和IE 9则分别以递减50分左右的成绩分列其后。值得一提的是，Maxthon的总分也有166分，比Opera还要高！
专项测试 HTML 5特效对垒
上文我们已经介绍过，在HTML 5当中，通过新的元素和JavaScript脚本的配合，不需要安装第三方插件一样可以实现绚丽的动画效果。下面我们就分别进行几轮测试，看看这五款浏览器在执行HTML 5当中的新元素时表现如何。
首先，我们就测试一下HTML 5中的新元素——Canvas和JavaScript脚本的配合使用，绘制2D图形、合成图像的操作能否在浏览器当中真实展现，然后再测试利用Canvas制作的3D动画能否执行。最终测试成绩如表2所示。
通过测试发现，Chrome、Opera、Firefox 4和Maxthon 3都可以顺利执行这两项测试（2D图形效果如图1所示），而IE 9则都未能实现。另外，在测试速度和效果方面，Chrome、Firefox 4和Maxthon 3的表现要优于Opera，后者在3D动画展现的测试中，虽然可以展现，但却无法点击互动。
接下来，我们再针对HTML 5独有的视频特性进行测试，一方面在HTML 5当中，视频播放不需要任何第三方插件，另外一方面，鼠标点击视频还有独特的爆炸效果（如图2所示）。最终测试结果如表3所示。
通过测试可以看到，IE 9在这一轮当中总算挽回了些许颜面，视频播放效果出色，画面表现细腻，交互操作流畅，没有延迟，而Chrome和Opera也同样表现不俗，只是在上一轮测试当中表现不错的Firefox 4这一轮表现稍差，视频画质模糊，且播放时不够流畅，而交互操作也反应缓慢，操作延迟感严重。遗憾的是，Maxthon 3则无法正常展现视频，未能通过本轮测试。
董师傅点评>>
最近一段时间，浏览器市场的“火药味”甚是浓重，当我们关注几大浏览器厂商不断推陈出新的时候，新鲜力量又加入了，例如雨林木风就推出了自己开发的115浏览器，尽管性能还不够稳定，各方面的功能也还有所欠缺，但我们也从中看到了国产软件厂商的努力。特别是本次测试当中的Maxthon 3的表现可圈可点，作为一款自主研发的国产浏览器值得肯定。不过说到未来，谁能更好地支持HTML 5标准，谁就将获得更多用户的支持，从现在的表现来看，Chrome无疑已经占得先机。■
文中各项测试地址：
HTML 5兼容性测试：http://www.html5test.com
2D图形绘制测试：http://ghost-hack.com/post/jsexperiments/tunneler/tunneler.html
3D动画展现测试：http://www.xs4all.nl/~peterned/3d/
视频效果测试：http://craftymind.com/factory/html5video/CanvasVideo.html