主流浏览器CSS3和HTML5兼容性详细清单

天极网软件频道2011-05-26 15:26

分享到： 我要吐槽

　　更多精彩相关文章推荐：

　　经常使用浏览器软件HTML5兼容性表现测试

　　IE和Firefox浏览器CSS兼容性技巧整理

　　CSS hack定义技巧浏览器兼容一览表

　　浏览器Html5test基准测试成绩公布　　

点击查看更多软件资讯>>

　　各大主流浏览器对 CSS3 和 HTML5 的支持愈来愈完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工做已经接近完成，若是进展顺利，HTML5 将在 2012 年正式成为国际标准。

　　固然，即便标准正式制定了，现代浏览器要普及到大部分用户也是须要一个至关漫长的过程。若是你如今就但愿使用 CSS3 和 HTML5 建立你的站点，须要对各个浏览器对这两种新技术的支持状况有一个全面了解。

　　findmebyip.com给出了一份IE，Chrome，Firefox， Safari，Opera五大主流大浏览器对CSS3 和 HTML5 各类特性支持状况的详细清单，含Mac 和 Windows 两个平台。

　　CSS3 属性

　　从表中能够看出，CSS Transforms 3D 尚未浏览器支持，除此以外的其它属性在 Windows 平台，Chrome 和 Safari 所有支持，其次支持比较好的是 Opera 和 Firefox，曾经一片红叉的 IE 开始迎头遇上。在 Mac 平台仍是 Safari 仍然表现优异，其次是 Firefox 和 Opera。

　　CSS3 选择器

　　最让人高兴的就是这张表了，除了 IE 9 如下的版本，其它浏览器已所有支持 CSS3 选择器，包括 IE 9 和 将在明年发布的 IE 10。

　　HTML5 Web 应用程序

　　从表中能够看出，除了客户端数据库 IndexDB 和 触控(Touch)事件外，其它特性 Chrome 和 Safari 都所有支持。

　　经验证 Chrome 10 和 Firefox 4 已支持 IndexDB，Firefox 4 也已支持 WebSocket，不过因为安全缘由默认是不开启的，咱们能够经过 about:config 从新启用 WebSocket，只需启用 network.websocket.override-security-block 选项便可。

　　HTML5 图形和内嵌内容

　　这应该是 HTML5 最使人期待的东西了，内置画布，视频，音频，SVG，WebGL等对象。所有支持的有 Chrome、Firefox、IE 9。

　　HTML5 音频编码

　　Chrome 所有支持，Safari 除Ogg Vorbis 外所有支持，IE 9 开始支持 MP3 和 AAC。

　　HTML5 视频编码

　　Chrome所有支持，不知道 H.264 可否成为统一的视频编码标准，期待。

　　HTML5 表单对象

　　在 Windows 和 Mac 平台，Opera 对 HTML5 表单对象所有支持，IE 家族全军覆没。

　　HTML5 表单属性

　　IE 又一次全军覆没，Opera 依然所有支持，其次是 Safari，Chrome，Firefox。

　　由以上数据看来，目前对 CSS3 和 HTML5 支持最好的是 Chrome，Safari 次之，Firefox 和 Opera 旗鼓至关，IE 9开始拥抱标准。鉴于这种状况，假如你想使用这两项新技术建立一个先锋体验式站点，如今的 CSS3 和 HTML5 可让你实现，假如你想大规模应用于实际项目，如今还为时过早。