各大浏览器 CSS3 和 HTML5 兼容速查表-技术博客集

各大浏览器 CSS3 和 HTML5 兼容速查表
前端技术 / houtizong 发布于 3年前 89

锐商企业CMS 写道 "支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解（完整图文版）。需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome， Safari， Firefox， Opera， IE 5 大浏览器，在 Mac 和 Windows 两个平台，对 CSS3 和 HTML5 各种功能的详细支持情况清单。 CSS3 属性

可以看出，全盘支持 CSS3 属性的浏览器有 Chrome 和 Safari，而且不管是 Mac 平台还是 Windows 平台全支持。

CSS3 选择器

除了 IE 家族和 Firefox 3，其它几乎全部支持。Chrome，Safari，Firefox 3.6，Opera 10.5 成绩最好。

HTML5 Web 应用

Safari 对 HTML5 Web 应用的支持最好，除了地理定位功能，其它都支持。

HTML5 网页内嵌对象

这应该是 HTML5 最令人期待的东西，内置的画布，视频，音频等对象。全部支持的有 Chrome，Safari，Firefox 3.6，Opera 10.5。IE家族则全军覆没。

HTML5 音频编码

Opera 10.5 支持的最全面，IE 家族又是颗粒无收。

HTML5 视频编码

H.264 任重道远。

HTML5 各种表单对象

Mac 平台下的 Chrome 成绩最佳。这些表单对象让人想起了桌面程序。

HTML5 表单对象属性与行为

又一次想到了桌面程序。

结论

目前，对 CSS3 和 HTML5 支持最好的是 Safari，Chrome 次之，Firefox 3.6 和 Opera 10.5 旗鼓相当，IE家族最差。鉴于这种情况，假如你想使用这两项新技术创建一个先锋体验式站点，现在的 CSS3 和 HTML5 可以让你实现，假如你希望这个站点能被绝大多数人正常访问，现在还为时过早，折中的方案是，为不支持 CSS3 和 HTML5 某些功能的浏览器提供降级方案，当然，其中要涉及到很多问题，包括浏览器，版本，平台的探测，CSS Hack 等等大量工作，相信是得不偿失的。关于 HTML5 的延伸阅读

本文数据来源：http://www.findmebyip.com/litmus/#target-selector

中文编译来源： 锐商企业CMS 网站内容管理系统官方网站"

上一篇：Firefox 3.0最后一个版本发布

下一篇：Google收购核能源公司

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

<div> <a href="http://www.comsharp.com/">锐商企业CMS</a> 写道 "支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解（<a href="http://www.comsharp.com/GetKnowledge/zh-CN/CMS_K936.aspx">完整图文版</a>）。需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome， Safari， Firefox， Opera， IE 5 大浏览器，在 Mac 和 Windows 两个平台，对 CSS3 和 HTML5 各种功能的详细支持情况清单。 CSS3 属性 可以看出，全盘支持 CSS3 属性的浏览器有 Chrome 和 Safari，而且不管是 Mac 平台还是 Windows 平台全支持。 CSS3 选择器 除了 IE 家族和 Firefox 3，其它几乎全部支持。Chrome，Safari，Firefox 3.6，Opera 10.5 成绩最好 。 HTML5 Web 应用 Safari 对 HTML5 Web 应用的支持最好，除了地理定位功能，其它都支持。 HTML5 网页内嵌对象 这应该是 HTML5 最令人期待的东西，内置的画布，视频，音频等对象。全部支持的有 Chrome，Safari，Firefox 3.6，Opera 10.5。IE家族则全军覆没。 HTML5 音频编码 Opera 10.5 支持的最全面，IE 家族又是颗粒无收。 HTML5 视频编码 H.264 任重道远。 HTML5 各种表单对象 Mac 平台下的 Chrome 成绩最佳。这些表单对象让人想起了桌面程序。 HTML5 表单对象属性与行为 又一次想到了桌面程序。 结论 目前，对 CSS3 和 HTML5 支持最好的是 Safari，Chrome 次之，Firefox 3.6 和 Opera 10.5 旗鼓相当，IE家族最差。鉴于这种情况，假如你想使用这两项新技术创建一个先锋体验式站点，现在的 CSS3 和 HTML5 可以让你实现，假如你希望这个站点能被绝大多数人正常访问，现在还为时过早，折中的方案是，为不支持 CSS3 和 HTML5 某些功能的浏览器提供降级方案，当然，其中要涉及到很多问题，包括浏览器，版本，平台的探测，CSS Hack 等等大量工作，相信是得不偿失的。关于 HTML5 的延伸阅读<ul><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K918.aspx">关于 HTML5，开发者可以期待什么？</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K885.aspx">HTML 5 之后是什么？HTML</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K701.aspx">深入了解 HTML 5</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K804.aspx">让 JavaScript 拯救 HTML5 的离线存储</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K745.aspx">Web Forms 2.0 行将被 HTML 5 代替</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K511.aspx">HTML 5 正在改变 Web</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K667.aspx">HTML 5 令人期待的 5 项功能</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K816.aspx">当 HTML 5 遇见 Google</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K823.aspx">HTML 5 会为 Flash 和 Silverlight 送终吗？</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K824.aspx">Firefox 访谈：OGG, HTML 5 与 Web 视频的未来</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K828.aspx">XHTML 2: 出师未捷身先死, HTML 5:万千宠爱于一身</a> </li><li> <a href="http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K834.aspx">HTML5 File API：把文件从桌面拖放到 Web</a> </li></ul>本文数据来源：<a href="http://www.findmebyip.com/litmus/#target-selector">http://www.findmebyip.com/litmus/#target-selector</a> 中文编译来源：<a href="http://www.comsharp.com/"> 锐商企业CMS 网站内容管理系统</a> 官方网站"</div>

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接

首页
关于我们

Auther ·HouTiZong: 侯体宗的博客