各大主流浏览器对CSS3和HTML5的支持情况有一个全面了解

扫码到:1.手机浏览2.分享给微信朋友或朋友圈

概括:

现代浏览器也需要相当长的过程才能接触到大多数用户。如果你今天想使用 CSS3 和 HTML5 创建你的网站,你需要对每个浏览器对这两种新技术的支持有一个全面的了解。

各大主流浏览器对CSS3和HTML5的支持越来越完善,让很多前端开发者心碎的IE系统也开始拥抱标准。就在几天前,W3C 的 HTML5 社区负责人 Shelley 宣布 HTML5 的开发工作已接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准。

当然,即使是官方制定了标准,现代浏览器要接触到广大用户还需要相当长的过程。如果你今天想使用 CSS3 和 HTML5 创建你的网站,你需要对每个浏览器对这两种新技术的支持有一个全面的了解。本文详细列出了 IE、Chrome、Firefox、Safari 和 Opera 这五种主流浏览器,它们在 Mac 和 Windows 平台上支持 CSS3 和 HTML5 的各种功能。

CSS3 属性

从表中可以看出,浏览器尚不支持 CSS Transforms 3D。Windows 平台、Chrome 和 Safari 支持其他属性。第二好的支持是 Opera 和 Firefox。跟上来。在 Mac 平台上,Safari 仍然表现出色,其次是 Firefox 和 Opera。

CSS3 选择器

最令人兴奋的是这张表,除了IE 9以下的版本,其他所有浏览器都已经支持CSS3选择器css大于号选择器,包括明年发布的IE 9和IE 10。

HTML5 网络应用程序

从表中可以看出,除了客户端数据库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 表单对象

这些浏览器中最平静的是 Opera,其市场份额多年来变化不大。在 Windows 和 Mac 平台上,Opera 完全支持 HTML5 表单对象,IE 家族彻底被淘汰。

HTML5 表单属性

IE 再次被淘汰,Opera 仍然完全支持css大于号选择器,其次是 Safari、Chrome、Firefox。

综上所述

目前对 CSS3 和 HTML5 的支持最好的是 Chrome,其次是 Safari,Firefox 和 Opera 势均力敌,IE 9 开始拥抱标准。鉴于这种情况,如果你想用这两种新技术创建一个开创性的体验式网站,CSS3和HTML5现在可以让你实现,如果你想在实际项目中大规模使用它,还为时过早。

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论