浏覽器對HTML5的兼容性分析

隨著HTML5技術的普及和推廣，Web開發社區逐漸開始嘗試在RIA（富互聯網應用）中使用HTML5，這種實踐主要優勢在於開發人員能夠通過 HTML5的各種技術以一種前所未有的統一、簡潔、無插件依賴的方式實現炫目、復雜的Web應用，HTML5的優越性已經得到了開發社區的普遍認可。不 過，就像其他Web技術誕生時的情況一樣，作為新生兒的HTML5在各種Web浏覽器中的實現程度或者說平台兼容性一直是Web開發人員的心病。本文將介 紹Web浏覽器對HTML5技術的兼容性，希望能夠幫助Web開發人員在應用HTML5技術時充分考慮到平台差異性。

從2006年WHATWG和W3C決定合作制定HTML5標准以來（預計2012年成為候選標准），浏覽器廠商都不甘落後，一直在努力實現更多的 HTML5技術，不過由於各個廠商的步伐不一，導致HTML5在浏覽器中的實現程度參差不齊。在這裡我們將綜合兩種HTML5兼容性測試工具包 HTML5Test和Modernizr的測試結果來分析一下Web浏覽器的支持程度。

考慮到HTML5標准的制定原則：新特性基於HTML、CSS、DOM 以及 JavaScript；減少對外部插件的需求（比如Flash）；獨立於設備等，我們選取了HTML 5的幾項主要特性來評價浏覽器系統。

• 視頻播放標記video
• 音頻播放標記audio
• 繪圖標記canvas
• 表單控件標記url、email等
• 本地客戶端存儲

浏覽器（版本）選取

由於目前市面上的浏覽器品牌和版本繁多，我們難以覆蓋全部產品，因此在這裡設定測試浏覽器的選擇原則為：主流品牌、主流版本和最新版本（正式發布）。依據StatCounter發布的2011年2~3月份浏覽器市場占有率統計分布情況，主流品牌如圖1所示。

圖 1 主流浏覽器分布圖

從圖1 中可以看出， 微軟的I n t e r n e tExplorer以其混搭的IE6、IE7、IE8、IE9等多個版本占據了榜首，開源浏覽器Firefox緊隨其後，其開放的體系結構也吸引了眾多優 秀插件，並成為Web開發人員的主要開發調試平台。Google主推的Chrome後來居上，占據了第三名的位置。

浏覽器主流版本分布情況如圖2所示。

圖2 浏覽器主流版本分布圖