主流瀏覽器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。