目前支持CSS3和HTML5的浏览器变得越来越多,甚至包括最新版的IE。但是需要指出的是,即使同一个浏览器的同一个版本,在Mac和Windows两个平台,它们对CSS3和HTML5的支持也并不一致。
在此,借助小编的平台跟大家分享一份Chrome、Safari、Firefox、Opera、IE等5大浏览器,在Mac和Windows两个平台,对CSS3和HTML5各种功能的详细支持情况清单。
1、CSS3 属性
CSS3属性
由上表我们可以看出,全盘支持CSS3属性的浏览器有Chrome和Safari,而且不管是Mac平台还是Windows平台全支持。
2、CSS3 选择器
CSS3选择器
除了IE家族和Firefox 3,其它几乎全部支持,其中Chrome,Safari,Firefox 3.6,Opera 10.5成绩最好 。
3、HTML5 Web 应用
HTML5 WEB 应用
Safari对HTML5 Web应用的支持最好,除了地理定位功能,其它都支持。
4、HTML5 网页内嵌对象
HTML5内页内嵌对象
这应该是HTML5最令人期待的东西,内置的画布,视频,音频等对象,全部支持的有Chrome,Safari,Firefox 3.6,Opera 10.5,但IE家族则全军覆没。
5、HTML5 音频编码
HTML5音频编码
Opera 10.5支持的最全面,IE家族又是颗粒无收。
6、HTML5 视频编码
ie浏览器中的版本6、7、8全部不兼容,不过ie的后续新版本基本也都解决了此问题。
7、HTML5 各种表单对象
HTML5 各种表单对象
Mac平台下的Chrome成绩最佳,这些表单对象让人想起了桌面程序。
8、HTML5 表单对象属性与行为
HTML5表单对象属性与行为
又一次想到了桌面程序。
目前,对CSS3和HTML5支持最好的是Safari,Chrome次之,Firefox 3.6和Opera 10.5旗鼓相当,IE家族最差。
鉴于这种情况,假如你想使用这两项新技术创建一个先锋体验式站点,现在的CSS3和HTML5可以让你实现,假如你希望这个站点能被绝大多数人正常访问,现在还为时过早,折中的方案是,为不支持CSS3和HTML5某些功能的浏览器提供降级方案,当然,其中要涉及到很多问题,包括浏览器,版本,平台的探测,CSS Hack 等等大量工作,相信是得不偿失的。
举报/反馈