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

出處：快科技 2011-05-26 16:15:42???? 編輯：蕭蕭[爆料] 收藏文章

各大主流瀏覽器對(duì)CSS3和HTML5的支持越來(lái)越完善，曾經(jīng)讓多少前端開(kāi)發(fā)人員心碎的IE系也開(kāi)始擁抱標(biāo)準(zhǔn)。就在前幾天，W3C的HTML5社區(qū)領(lǐng)袖Shelley宣布，HTML5的開(kāi)發(fā)工作已經(jīng)接近完成，如果進(jìn)展順利，HTML5將在2012年正式成為國(guó)際標(biāo)準(zhǔn)。

當(dāng)然，即使標(biāo)準(zhǔn)正式制定了，現(xiàn)代瀏覽器要普及到大部分用戶也是需要一個(gè)相當(dāng)漫長(zhǎng)的過(guò)程。如果你現(xiàn)在就希望使用CSS3和HTML5創(chuàng)建你的站點(diǎn)，需要對(duì)各個(gè)瀏覽器對(duì)這兩種新技術(shù)的支持情況有一個(gè)全面了解。本文是一份IE，Chrome，Firefox，Safari，Opera五大主流大瀏覽器，在Mac和Windows兩個(gè)平臺(tái)，對(duì)CSS3和HTML5各種特性支持情況的詳細(xì)清單。

CSS3屬性

從表中可以看出，CSSTransforms3D還沒(méi)有瀏覽器支持，除此之外的其它屬性在Windows平臺(tái)，Chrome和Safari全部支持，其次支持比較好的是Opera和Firefox，曾經(jīng)一片紅叉的IE開(kāi)始迎頭趕上。在Mac平臺(tái)還是Safari仍然表現(xiàn)優(yōu)異，其次是Firefox和Opera。

CSS3選擇器

最讓人高興的就是這張表了，除了IE9以下的版本，其它瀏覽器已全部支持CSS3選擇器，包括IE9和將在明年發(fā)布的IE10。

HTML5Web應(yīng)用程序

從表中可以看出，除了客戶端數(shù)據(jù)庫(kù)IndexDB和觸控(Touch)事件外，其它特性Chrome和Safari都全部支持，微軟還得加油啊。(更新：經(jīng)驗(yàn)證Chrome10和Firefox4已支持IndexDB，Firefox4也已支持WebSocket，不過(guò)由于安全原因默認(rèn)是不開(kāi)啟的，我們可以通過(guò)about:config重新啟用WebSocket，只需啟用network.websocket.override-security-block選項(xiàng)即可。)

HTML5圖形和內(nèi)嵌內(nèi)容

這應(yīng)該是HTML5最令人期待的東西了，內(nèi)置畫(huà)布，視頻，音頻，SVG，WebGL等對(duì)象。全部支持的有Chrome，Firefox，還有IE9，很驚訝吧。

HTML5音頻編碼

Chrome又是全部支持，Safari除OggVorbis外全部支持，IE9開(kāi)始支持MP3和AAC。

HTML5視頻編碼

還是Chrome最厲害，包容天下，不知道H.264能否成為統(tǒng)一的視頻編碼標(biāo)準(zhǔn)，期待。

HTML5表單對(duì)象

這些瀏覽器中最淡定的要數(shù)Opera了，那么多年了市場(chǎng)份額都沒(méi)什么大變化。在Windows和Mac平臺(tái)，Opera對(duì)HTML5表單對(duì)象全部支持，IE家族全軍覆沒(méi)。

HTML5表單屬性

IE又一次全軍覆沒(méi)，Opera依然全部支持，其次是Safari、Chrome、Firefox。

結(jié)論

目前，對(duì)CSS3和HTML5支持最好的是Chrome，Safari次之，Firefox和Opera旗鼓相當(dāng)，IE9開(kāi)始擁抱標(biāo)準(zhǔn)。鑒于這種情況，假如你想使用這兩項(xiàng)新技術(shù)創(chuàng)建一個(gè)先鋒體驗(yàn)式站點(diǎn)，現(xiàn)在的CSS3和HTML5可以讓你實(shí)現(xiàn)，假如你想大規(guī)模應(yīng)用于實(shí)際項(xiàng)目，現(xiàn)在還為時(shí)過(guò)早。

：

相關(guān)閱讀：

總結(jié)

以上是生活随笔為你收集整理的html5 css3浏览器,五大主流浏览器CSS3和HTML5兼容性大比拼的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。