主流浏览器CSS3和HTML5兼容清单(1)

  尽管CSS 3和HTML 5的W3C规范都尚未成形,但目前支持CSS 3和HTML 5的浏览器越来越多,包括google的Chrome,以及最新版本的IE 9。

  需要指出的是,即使同一个浏览器的同一个版本,在Mac和Windows两个平台,它们对CSS 3和HTML 5的支持也并不一致。本文是一份Chrome,Safari,Firefox,Opera,IE这5大浏览器,在Mac和Windows两个平台,对CSS 3和HTML 5各种功能的详细支持情况清单。

  CSS 3属性

  可以看出,全盘支持CSS 3属性的浏览器有Chrome和Safari,而且不管是Mac平台还是Windows平台全支持。

  

  CSS 3选择器

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

  

  HTML 5 Web应用

  Safari对HTML 5 Web应用的支持最好,除了地理定位功能,其它都支持。

  

  HTML 5网页内嵌对象

  这应该是HTML 5最令人期待的东西,内置的画布,视频,音频等对象。全部支持的有Chrome,Safari,Firefox 3.6,Opera 10.5。IE家族则全军覆没。

  

  HTML 5音频编码

  Opera 10.5支持的最全面,IE家族又是颗粒无收。

  

  HTML 5视频编码

  H.264任重道远。

  

  HTML 5各种表单对象

  Mac平台下的Chrome成绩最佳。这些表单对象让人想起了桌面程序。

  

  HTML 5表单对象属性与行为

  又一次想到了桌面程序。

  

  结论

  目前,对CSS 3和HTML 5支持最好的是Safari,Chrome次之,Firefox 3.6和Opera 10.5旗鼓相当,IE家族最差。鉴于这种情况,假如你想使用这两项新技术创建一个先锋体验式站点,现在的CSS 3和HTML 5可以让你实现,假如你希望这个站点能被绝大多数人正常访问,现在还为时过早,折中的方案是,为不支持CSS 3和HTML 5某些功能的浏览器提供降级方案,当然,其中要涉及到很多问题,包括浏览器,版本,平台的探测,CSSHack等等大量工作,相信是得不偿失的。

贪婪是最真实的贫穷,满足是最真实的财富

主流浏览器CSS3和HTML5兼容清单(1)

相关文章:

你感兴趣的文章:

标签云: