各大瀏覽器 CSS3 和 HTML5 兼容速查表 圖文

需要指出的是,即使同一個(gè)瀏覽器的同一個(gè)版本,在 Mac 和 Windows 兩個(gè)平臺(tái),它們對(duì) CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大瀏覽器,在 Mac 和 Windows 兩個(gè)平臺(tái),對(duì) CSS3 和 HTML5 各種功能的詳細(xì)支持情況清單。
CSS3 屬性
可以看出,全盤支持 CSS3 屬性的瀏覽器有 Chrome 和 Safari,而且不管是 Mac 平臺(tái)還是 Windows 平臺(tái)全支持。
CSS3 選擇器
除了 IE 家族和 Firefox 3,其它幾乎全部支持。Chrome,Safari,F(xiàn)irefox 3.6,Opera 10.5 成績(jī)最好 。
HTML5 Web 應(yīng)用
Safari 對(duì) HTML5 Web 應(yīng)用的支持最好,除了地理定位功能,其它都支持。
HTML5 網(wǎng)頁內(nèi)嵌對(duì)象
這應(yīng)該是 HTML5 最令人期待的東西,內(nèi)置的畫布,視頻,音頻等對(duì)象。全部支持的有 Chrome,Safari,F(xiàn)irefox 3.6,Opera 10.5。IE家族則全軍覆沒。
HTML5 音頻編碼
Opera 10.5 支持的最全面,IE 家族又是顆粒無收。
HTML5 視頻編碼
H.264 任重道遠(yuǎn)。
HTML5 各種表單對(duì)象
Mac 平臺(tái)下的 Chrome 成績(jī)最佳。這些表單對(duì)象讓人想起了桌面程序。
HTML5 表單對(duì)象屬性與行為
又一次想到了桌面程序。
結(jié)論
目前,對(duì) CSS3 和 HTML5 支持最好的是 Safari,Chrome 次之,F(xiàn)irefox 3.6 和 Opera 10.5 旗鼓相當(dāng),IE家族最差。鑒于這種情況,假如你想使用這兩項(xiàng)新技術(shù)創(chuàng)建一個(gè)先鋒體驗(yàn)式站點(diǎn),現(xiàn)在的 CSS3 和 HTML5 可以讓你實(shí)現(xiàn),假如你希望這個(gè)站點(diǎn)能被絕大多數(shù)人正常訪問,現(xiàn)在還為時(shí)過早,折中的方案是,為不支持 CSS3 和 HTML5 某些功能的瀏覽器提供降級(jí)方案,當(dāng)然,其中要涉及到很多問題,包括瀏覽器,版本,平臺(tái)的探測(cè),CSS Hack 等等大量工作,相信是得不償失的。
相關(guān)文章
- 下面小編就為大家?guī)硪黄狧TML5 新標(biāo)簽全部總匯(推薦)。小編覺得挺不錯(cuò)的, 現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-13
關(guān)于HTML5 Placeholder新標(biāo)簽低版本瀏覽器下不兼容的問題分析及解決辦
placeholder屬性是HTML5 中為input添加的。在input上提供一個(gè)占位符,文字形式展示輸入字段預(yù)期值的提示信息(hint),該字段會(huì)在輸入為空時(shí)顯示2016-01-27- HTML5引入的新標(biāo)簽有一些有趣的屬性,例如poster、autofocus、onerror、formaction、oninput,這些屬性都可以用來執(zhí)行javascript,這會(huì)導(dǎo)致XSS和CSRF跨域請(qǐng)求偽造。對(duì)這方2015-09-27
- 做移動(dòng)端有一段時(shí)間,今天有同事問了我 article 和 section 標(biāo)簽的使用,模模糊糊的解釋了下,他似懂非懂,有點(diǎn)小尷尬。忽然間覺得自己有必要再翻翻書籍,重溫下 html5 的2014-03-07
html5基礎(chǔ)標(biāo)簽(html5視頻標(biāo)簽 html5新標(biāo)簽用法)
html5基礎(chǔ),包括html5視頻標(biāo)簽和html5新標(biāo)簽等標(biāo)簽用法,大家參考使用吧2013-12-30在IE6系列等老式瀏覽器中使用HTML5的新標(biāo)簽實(shí)現(xiàn)方案
HTML5 向開發(fā)人員提供了很多新的標(biāo)簽, 如 section, nav, article, header 和 footer 等. 這些標(biāo)簽語義化程度高, 會(huì)被經(jīng)常使用, 但在 IE6, IE7, IE8 和 Firefox 2 等老式瀏2012-12-25HTML5的標(biāo)簽的代碼的簡(jiǎn)單介紹 HTML5標(biāo)簽的簡(jiǎn)介
本文主要介紹了HTML5的標(biāo)簽.不同于以前的標(biāo)簽.更簡(jiǎn)單.更方便2012-05-28- HTML 5 是一個(gè)新的網(wǎng)絡(luò)標(biāo)準(zhǔn),目標(biāo)在于取代現(xiàn)有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標(biāo)準(zhǔn)2012-02-17
- 本文主要為大家介紹了HTML5新增元素如何兼容舊瀏覽器的解決辦法,需要的朋友可以參考下2014-05-09
- HTML5給我們帶來了很多非常簡(jiǎn)單但卻非常強(qiáng)大的HTML屬性:placeholder, download, and autofocus,等等2014-04-23