萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 五大主流浏覽器 CSS3 和 HTML5 兼容性大比拼

五大主流浏覽器 CSS3 和 HTML5 兼容性大比拼

  各大主流浏覽器對 CSS3 和 HTML5 的支持越來越完善,曾經讓多少前端開發人員心碎的IE系也開始擁抱標准。就在前幾天,W3C的 HTML5 社區領袖 Shelley 宣布,HTML5的開發工作已經接近完成,如果進展順利,HTML5 將在 2012 年正式成為國際標准。

  當然,即使標准正式制定了,現代浏覽器要普及到大部分用戶也是需要一個相當漫長的過程。如果你現在就希望使用 CSS3 和 HTML5 創建你的站點,需要對各個浏覽器對這兩種新技術的支持情況有一個全面了解。本文是一份IE,Chrome,Firefox, Safari,Opera五大主流大浏覽器,在 Mac 和 Windows 兩個平台,對 CSS3 和 HTML5 各種特性支持情況的詳細清單。

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 表單對象

  這些浏覽器中最淡定的要數 Opera 了,那麼多年了市場份額都沒什麼大變化。在 Windows 和 Mac 平台,Opera 對 HTML5 表單對象全部支持,IE 家族全軍覆沒。

HTML5 表單屬性

  IE 又一次全軍覆沒,Opera 依然全部支持,其次是 Safari,Chrome,Firefox。

結論

  目前,對 CSS3 和 HTML5 支持最好的是 Chrome,Safari 次之,Firefox 和 Opera 旗鼓相當,IE 9開始擁抱標准。鑒於這種情況,假如你想使用這兩項新技術創建一個先鋒體驗式站點,現在的 CSS3 和 HTML5 可以讓你實現,假如你想大規模應用於實際項目,現在還為時過早。

copyright © 萬盛學電腦網 all rights reserved