主流浏览器CSS 3和HTML 5兼容清单

Posted 2021-04-09 web前端开发

主流浏览器CSS 3和html 5兼容清单

尽管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等等大量工作，相信是得不偿失的。