瀏覽器對HTML5的兼容性分析

發布時間:2017-03-25 09:28 來源:互聯網 當前欄目:網頁設計教程

隨著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、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、