主流瀏覽器對於CSS3與HTML5支援情況

來源:互聯網
上載者:User

 

CSS3與HTML5的推出,也讓各種瀏覽器的相容性成了許多設計師關心的問題,本文以表格形式排列了目前主流瀏覽器對於CSS3與HTML5支援情況

支援 CSS3 和 HTML5 的瀏覽器越來越多,甚至包括最新版的 IE,當然,所謂支援僅僅是部分支援,因為 CSS3 和 HTML5 的W3C 規範都尚未形成。如果你現在就希望使用 CSS3 和 HTML5 建立你的網站,至少要對各個瀏覽器對這兩種新技術的支援情況有一個全面瞭解。

需要指出的是,即使同一個瀏覽器的同一個版本,在 Mac 和 Windows 兩個平台,它們對 CSS3 和 HTML5 的支援也並不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大瀏覽器,在 Mac 和 Windows 兩個平台,對 CSS3 和 HTML5 各種功能的詳細支援情況清單。

CSS3 屬性

可以看出,全盤支援 CSS3 屬性的瀏覽器有 Chrome 和 Safari,而且不管是 Mac 平台還是 Windows 平台全支援。

 

CSS3 選取器

除了 IE 家族和 Firefox 3,其它幾乎全部支援。Chrome,Safari,Firefox 3.6,Opera 10.5 成績最好 。

 

HTML5 Web 應用程式

Safari 對 HTML5 Web 應用程式的支援最好,除了地理定位功能,其它都支援。

 

HTML5 網頁內嵌對象

這應該是 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 等等大量工作,相信是得不償失的。

 

本文轉自:網頁教學網

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.