1.4 HTML5现状

1.4.1 浏览器的支持力度

随着HTML5标准的不断完善和相关技术的不断发展，目前各大主流浏览器对HTML5的支持力度也在不断提高，表1-3给出了桌面浏览器对HTML5的特性支持。

表1-3 桌面浏览器对HTML5的特性支持

从上表可以看出，国内的浏览器Maxthon得分最高，且与HTML5的兼容性最好，Maxthon采用了基于Trident的内核架构，在运行HTML5时得心应手。

谷歌浏览器Chrome使用基于WebKit的内核架构，得分较高，也是市面上运行与展示HTML5的首选浏览器。

而大名鼎鼎的IE浏览器反而对HTML5的支持稍差，排在了最后。当然，IE随着版本的不断变化，相信在日后的表现会越来越好。

此外，在手机浏览器对HTML5的支持排行榜中，Chrome25浏览器也名列前茅。同样排名靠前的还有Opera Mobile 12、FireFox Mobile 19等。

相信随着各大浏览器厂商对浏览器的不断完善，各家浏览器的扩展规范应该会越来越统一，对HTML5规范的支持会越来越大。

1.4.2 检查浏览器是否支持HTML5标签

在开发HTML5网页时，为了实现浏览器的兼容性，需要对不同厂商的浏览器作功能测试，以便用户的体验更好。常见检测方法可以使用canvas标签进行网页测试。

＜！DOCTYPE html＞

＜html＞

＜head＞

＜title＞这是HTML5网页＜/title＞

＜/head＞

＜body＞

＜canvas style="background-color：red"＞浏览器不支持canvas标签。＜/canvas＞

＜/body＞

＜/html＞

用不同的浏览器打开该网页，能够查看到不同的显示结果。当浏览器不兼容HTML5时会显示相应的文字。