主流瀏覽器CSS3和HTML5兼容性詳細清單

天極網軟件頻道2011-05-26 15:26

分享到： 我要吐槽

　　更多精彩相關文章推薦：

　　經常使用瀏覽器軟件HTML5兼容性表現測試

　　IE和Firefox瀏覽器CSS兼容性技巧整理

　　CSS hack定義技巧瀏覽器兼容一覽表

　　瀏覽器Html5test基準測試成績公佈　　

點擊查看更多軟件資訊>>

　　各大主流瀏覽器對 CSS3 和 HTML5 的支持愈來愈完善，曾經讓多少前端開發人員心碎的IE系也開始擁抱標準。就在前幾天，W3C的 HTML5 社區領袖 Shelley 宣佈，HTML5的開發工做已經接近完成，若是進展順利，HTML5 將在 2012 年正式成爲國際標準。

　　固然，即便標準正式制定了，現代瀏覽器要普及到大部分用戶也是須要一個至關漫長的過程。若是你如今就但願使用 CSS3 和 HTML5 建立你的站點，須要對各個瀏覽器對這兩種新技術的支持狀況有一個全面瞭解。

　　findmebyip.com給出了一份IE，Chrome，Firefox， Safari，Opera五大主流大瀏覽器對CSS3 和 HTML5 各類特性支持狀況的詳細清單，含Mac 和 Windows 兩個平臺。

　　CSS3 屬性

　　從表中能夠看出，CSS Transforms 3D 尚未瀏覽器支持，除此以外的其它屬性在 Windows 平臺，Chrome 和 Safari 所有支持，其次支持比較好的是 Opera 和 Firefox，曾經一片紅叉的 IE 開始迎頭遇上。在 Mac 平臺仍是 Safari 仍然表現優異，其次是 Firefox 和 Opera。

　　CSS3 選擇器

　　最讓人高興的就是這張表了，除了 IE 9 如下的版本，其它瀏覽器已所有支持 CSS3 選擇器，包括 IE 9 和 將在明年發佈的 IE 10。

　　HTML5 Web 應用程序

　　從表中能夠看出，除了客戶端數據庫 IndexDB 和 觸控(Touch)事件外，其它特性 Chrome 和 Safari 都所有支持。

　　經驗證 Chrome 10 和 Firefox 4 已支持 IndexDB，Firefox 4 也已支持 WebSocket，不過因爲安全緣由默認是不開啓的，咱們能夠經過 about:config 從新啓用 WebSocket，只需啓用 network.websocket.override-security-block 選項便可。

　　HTML5 圖形和內嵌內容

　　這應該是 HTML5 最使人期待的東西了，內置畫布，視頻，音頻，SVG，WebGL等對象。所有支持的有 Chrome、Firefox、IE 9。

　　HTML5 音頻編碼

　　Chrome 所有支持，Safari 除Ogg Vorbis 外所有支持，IE 9 開始支持 MP3 和 AAC。

　　HTML5 視頻編碼

　　Chrome所有支持，不知道 H.264 可否成爲統一的視頻編碼標準，期待。

　　HTML5 表單對象

　　在 Windows 和 Mac 平臺，Opera 對 HTML5 表單對象所有支持，IE 家族全軍覆沒。

　　HTML5 表單屬性

　　IE 又一次全軍覆沒，Opera 依然所有支持，其次是 Safari，Chrome，Firefox。

　　由以上數據看來，目前對 CSS3 和 HTML5 支持最好的是 Chrome，Safari 次之，Firefox 和 Opera 旗鼓至關，IE 9開始擁抱標準。鑑於這種狀況，假如你想使用這兩項新技術建立一個先鋒體驗式站點，如今的 CSS3 和 HTML5 可讓你實現，假如你想大規模應用於實際項目，如今還爲時過早。