5大主瀏覽器css3和html5相容性大比拼

2022-05-26 18:36:08 字數 1811 閱讀 2536

各大主流瀏覽器對 css3 和 html5 的支援越來越完善,曾經讓多少前端開發人員心碎的ie系也開始擁抱標準。就在前幾天,w3c的 html5 社群領袖 shelley 宣布,html5的開發工作已經接近完成,如果進展順利,html5 將在 2012 年正式成為國際標準。

當然,即使標準正式制定了,現代瀏覽器要普及到大部分使用者也是需要乙個相當漫長的過程。如果你現在就希望使用 css3 和 html5 建立你的站點,需要對各個瀏覽器對這兩種新技術的支援情況有乙個全面了解。本文是乙份ie,chrome,firefox, safari,opera五大主流瀏覽器,在 mac 和 windows 兩個平台,對 css3 和 html5 各種特性支援情況的詳細清單。

從表中可以看出,css transforms 3d 還沒有瀏覽器支援,除此之外的其它屬性在 windows 平台,chrome 和 safari 全部支援,其次支援比較好的是 opera 和 firefox,曾經一片紅叉的 ie 開始迎頭趕上。在 mac 平台 safari 仍然表現優異,其次是 firefox 和 opera。

最讓人高興的就是這張表了,除了 ie 9 以下的版本,其它瀏覽器已全部支援 css3 選擇器,包括 ie 9 和 將在明年發布的 ie 10。

從表中可以看出,除了客戶端資料庫 indexdb 和 觸控(touch)事件外,其它特性 chrome 和 safari 都全部支援,微軟還得加油啊。(更新:經驗證 chrome 10 和 firefox 4 已支援 indexdb,firefox 4 也已支援 websocket,不過由於安全原因預設是不開啟的,我們可以通過 about:config 重新啟用 websocket,只需啟用 network.websocket.override-security-block 選項即可。)

chrome 又是全部支援,safari 除ogg vorbis 外全部支援,ie 9 開始支援 *** 和 aac。

這些瀏覽器中最淡定的要數 opera 了,那麼多年了市場份額都沒什麼大變化。在 windows 和 mac 平台,opera 對 html5 表單物件全部支援,ie 家族全軍覆沒。

ie 又一次全軍覆沒,opera 依然全部支援,其次是 safari,chrome,firefox。

目前,對 css3 和 html5 支援最好的是 chrome,safari 次之,firefox 和 opera 旗鼓相當,ie 9開始擁抱標準。鑑於這種情況,假如你想使用這兩項新技術建立乙個先鋒體驗式站點,現在的 css3 和 html5 可以讓你實現,假如你想大規模應用於實際專案,現在還為時過早。

主流瀏覽器CSS3和HTML5相容性

各大主流瀏覽器對 css3 和 html5 的支援越來越完善,曾經讓多少前端開發人員心碎的ie系也開始擁抱標準。就在前幾天,w3c的 html5 社群領袖 shelley 宣布,html5的開發工作已經接近完成,如果進展順利,html5 將在 2012 年正式成為國際標準。當然,即使標準正式制定了,...

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

各大主流瀏覽器對css3和html5的支援越來越完善,曾經讓多少前端開發人員心碎的ie系也開始擁抱標準。就在前幾天,w3c的html5社群領袖shelley宣布,html5的開發工作已經接近完成,如果進展順利,html5將在2012年正式成為國際標準。當然,即使標準正式制定了,現代瀏覽器要普及到大部...

CSS3 瀏覽器相容

css 3中 moz ms webkit和 o分別代表什麼意思 1 moz 代表firefox瀏覽器私有屬性 2 ms 代表ie瀏覽器私有屬性 3 webkit 代表safari chrome瀏覽器私有屬性 4 o 代表opera瀏覽器私有屬性 手機等小螢幕手持裝置 media screen and...