不知不覺中,支持 CSS3 和 HTML5 的瀏覽器變得愈來愈多,甚至包括最新版的 IE,固然,所謂支持僅僅是部分支持,由於 CSS3 和 HTML5 的W3C 規範都還沒有造成。若是你如今就但願使用 CSS3 和 HTML5 建立你的站點,至少要對各個瀏覽器對這兩種新技術的支持狀況有一個全面瞭解。html
須要指出的是,即便同一個瀏覽器的同一個版本,在 Mac 和 Windows 兩個平臺,它們對 CSS3 和 HTML5 的支持也並不一致。本文是一份 Chrome、Safari、 Firefox、Opera、IE 5 大瀏覽器,在 Mac 和 Windows 兩個平臺,對 CSS3 和 HTML5 各類功能的詳細支持狀況清單。web
CSS3 屬性windows
能夠看出,全盤支持 CSS3 屬性的瀏覽器有 Chrome 和 Safari,並且無論是 Mac 平臺仍是 Windows 平臺全支持。瀏覽器
CSS3 選擇器編碼
除了 IE 家族和 Firefox 3,其它幾乎所有支持。Chrome,Safari,Firefox 3.6,Opera 10.5 成績最好 。spa
HTML5 Web 應用orm
Safari 對 HTML5 Web 應用的支持最好,除了地理定位功能,其它都支持。視頻
HTML5 網頁內嵌對象htm
這應該是 HTML5 最使人期待的東西,內置的畫布,視頻,音頻等對象。所有支持的有 Chrome,Safari,Firefox 3.6,Opera 10.5。IE家族則全軍覆沒。對象
HTML5 音頻編碼
Opera 10.5 支持的最全面,IE 家族又是顆粒無收。
HTML5 視頻編碼
H.264 任重道遠。
HTML5 各類表單對象
Mac 平臺下的 Chrome 成績最佳。這些表單對象讓人想起了桌面程序。
HTML5 表單對象屬性與行爲
又一次想到了桌面程序。
結論:
目前,對 CSS3 和 HTML5 支持最好的是 Safari,Chrome 次之,Firefox 3.6 和 Opera 10.5 旗鼓至關,IE家族最差。鑑於這種狀況,假如你想使用這兩項新技術建立一個先鋒體驗式站點,如今的 CSS3 和 HTML5 可讓你實現,假如你但願這個站點能被絕大多數人正常訪問,如今還爲時過早,折中的方案是,爲不支持 CSS3 和 HTML5 某些功能的瀏覽器提供降級方案,固然,其中要涉及到不少問題,包括瀏覽器,版本,平臺的探測,CSS Hack 等等大量工做,相信是得不償失的。