分享

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

 缘梦书摘 2014-01-18

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


  当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解。


  给出了一份IE,ChromeFirefox, Safari,Opera五大主流大浏览器对CSS3 和 HTML5 各种特性支持情况的详细清单,含Mac 和 Windows 两个平台。


  CSS3 属


  从表中可以看出,CSS Transforms 3D 还没有浏览器支持,除此之外的其它属性在 Windows 平台,Chrome 和 Safari 全部支持,其次支持比较好的是 Opera 和 Firefox,曾经一片红叉的 IE 开始迎头赶上。在 Mac 平台还是 Safari 仍然表现优异,其次是 Firefox 和 Opera。


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


  CSS3 选择器


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


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


  HTML5 Web 应用程序


  从表中可以看出,除了客户端数据库 IndexDB 和 触控(Touch)事件外,其它特性 Chrome 和 Safari 都全部支持。


  经验证 Chrome 10 和 Firefox 4 已支持 IndexDB,Firefox 4 也已支持 WebSocket,不过由于安全原因默认是不开启的,我们可以通过 about:config 重新启用 WebSocket,只需启用 network.websocket.override-security-block 选项即可。


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


  HTML5 图形和内嵌内容


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


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


  HTML5 音频编码


  Chrome 全部支持,Safari 除Ogg Vorbis 外全部支持,IE 9 开始支持 MP3 和 AAC。


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


  HTML5 视频编码


  Chrome全部支持,不知道 H.264 能否成为统一的视频编码标准,期待。


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


  HTML5 表单对象


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


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


  HTML5 表单属性


  IE 又一次全军覆没,Opera 依然全部支持,其次是 Safari,Chrome,Firefox。


主流浏览器CSS3和HTML5兼容性比较_天极软件整理


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


  (来源:梦想天空 数据来源:http://www./litmus )



作者:cnbeta责任编辑:杨玲)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多