各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表
不知不觉中，支持CSS3和HTML5的浏览器变得越来越多，甚至包括最新版的IE，当然，所谓支持仅仅是部分支持，因为CSS3和HTML5的W3C规范都尚未形成，如果你现在就希望使用CSS3和HTML5创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。
需要指出的是，即使同一个浏览器的同一个版本，在Mac和Windows两个平台，它们对CSS3和HTML5的支持也并不一致。
在此，借助马海祥博客的平台跟大家分享一份Chrome、Safari、Firefox、Opera、IE等5大浏览器，在Mac和Windows两个平台，对CSS3和HTML5各种功能的详细支持情况清单。
1、CSS3 属性
由上表我们可以看出，全盘支持CSS3属性的浏览器有Chrome和Safari，而且不管是Mac平台还是Windows平台全支持。
2、CSS3 选择器
除了IE家族和Firefox 3，其它几乎全部支持，其中Chrome，Safari，Firefox 3.6，Opera 10.5成绩最好 。
3、HTML5 Web 应用
Safari对HTML5 Web应用的支持最好，除了地理定位功能，其它都支持（具体可查看马海祥博客《HTML5的主要技术组成部分及功能介绍》的相关介绍）。
4、HTML5 网页内嵌对象
这应该是HTML5最令人期待的东西，内置的画布，视频，音频等对象，全部支持的有Chrome，Safari，Firefox 3.6，Opera 10.5，但IE家族则全军覆没（具体可查看马海祥博客《解析HTML5页面元素的嵌套规则及引起的错误问题》的相关介绍）。
5、HTML5 音频编码
Opera 10.5支持的最全面，IE家族又是颗粒无收。
6、HTML5 视频编码
ie浏览器中的版本6、7、8全部不兼容，不过ie的后续新版本基本也都解决了此问题。
7、HTML5 各种表单对象
Mac平台下的Chrome成绩最佳，这些表单对象让人想起了桌面程序。
8、HTML5 表单对象属性与行为
又一次想到了桌面程序。
马海祥博客点评：
目前，对CSS3和HTML5支持最好的是Safari，Chrome次之，Firefox 3.6和Opera 10.5旗鼓相当，IE家族最差。
鉴于这种情况，假如你想使用这两项新技术创建一个先锋体验式站点，现在的CSS3和HTML5可以让你实现，假如你希望这个站点能被绝大多数人正常访问，现在还为时过早，折中的方案是，为不支持CSS3和HTML5某些功能的浏览器提供降级方案，当然，其中要涉及到很多问题，包括浏览器，版本，平台的探测，CSS Hack 等等大量工作，相信是得不偿失的。
本文发布于马海祥博客文章，如想转载，请注明原文网址摘自于http://www.mahaixiang.cn/html/1031.html，注明出处；否则，禁止转载；谢谢配合！上一篇：HTML5的主要技术组成部分及功能介绍
下一篇：HTML5性能优化与分析
您可能还会对以下这些文章感兴趣！
-
HTML5和HTML4的区别：HTML5新标签的用法解释
HTML5本身是由W3C推荐出来的，HTML5提供了一些新的元素和属性，例如
-
各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表
不知不觉中，支持CSS3和HTML5的浏览器变得越来越多，甚至包括最新版的IE，当然，所谓支持仅仅是部分支持，因为CSS3和HTML5的W3C规范都尚未形成，如果你现在就希望使用CSS3和HTML5创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解，需要指出的是……【查看全文】
-
HTML5性能优化与分析
每次跟朋友谈起HTML5，就会有人说可以先用HTML5的方式就是把DOCTYPE先改了，因为目前很多页面都还是用传统的方式，HTML5的方式，本身是兼容IE浏览器的，从IE6到IE10都可以，包括高级浏览器都支持，所以说拥抱HTML5最简单的方式就是把DOCTYPE给改了，从性能角度来说，HTM……【查看全文】
-
深入解析HTML5的8大性能
从性能角度来说，HTML5首先是缩减了HTML文档，使这件事情变得更简单。第一，从用户可读性上说，原先一大堆东西，像初学者第一次看到这些东西是看不懂的，而HTML5的声明方式对用户来说显然更友好一些。第二，文档编码的声明，用HTML5方式的话，就很简单。很多人问HTML5是……【查看全文】
-
解析HTML5页面元素的嵌套规则及引起的错误问题
据统计在2013年内全球有近10亿手机用户使用了支持HTML5浏览器，同时HTML Web开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。 HTML5之所以能成为近几年的热点话题，是因为HTML5提供了一些新的元素和属性，例如nav（网站导航块）和footer……【查看全文】
-
各大主流浏览器对HTML5的兼容性测试及结果分析
随着HTML5技术的普及和推广，Web开发社区逐渐开始尝试在RIA（富互联网应用）中使用HTML5，这种实践主要优势在于开发人员能够通过HTML5的各种技术以一种前所未有的统一、简洁、无插件依赖的方式实现炫目、复杂的Web应用，目前来说，HTML5的优越性已经得到了广大开发人员……【查看全文】
-
HTML5在网站性能监控方面带来的新特性
HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个……【查看全文】
-
如何规范大型网站的HTML代码
写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也是一样的，一个良好的HTML结构是制作一个网站的开始，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们又该如何规范大型网站的HTML代……【查看全文】
-
如何解决IE6/IE7/IE8浏览器不兼容HTML5新标签的问题
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。 广义论及HTM……【查看全文】
-
以SEO的角度来分析HTML5与搜索引擎优化的联系
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指……【查看全文】
分类目录
热点推荐
如何利用O2O模式经营一家理发连锁店
产品经理怎样用数据指标分析的思路优化产品？
新接手一款App该怎么做App优化推广？
依靠电子商务改变茶叶营销模式会遇到什么难题？
竞品分析报告的3大步骤
视频网站为什么很难赚钱？
今日头条能否成为自媒体赚钱的新平台
网赚新手快速寻找暴利项目产品的4大途径
免费模式赚钱的核心竞争是什么
数据分析的流程及分析方法互联网更多>>
盘点2010年代这10年的重大网络安全事件
二十一世纪的第2个十年即将过去，在过去十年里有很多的重大网络安全事件发生，我们见证了过去十年，大量的数据……
基于高斯模糊原理的模糊图片的研究
高斯模糊（Gaussian Blur）的原理中，它是根据高斯曲线调节象素色值，它是有选择地模糊图像。说得直白一点，就是高……
互联网思维的一些特征
如今，互联网迅猛发展已经渗透人们生活各个方面，尤其是互联网正加快向传统行业渗透和融合，对传统行业提出严……
基于交互体验的扁平化设计要点 
动效设计的物理法则及应用 
响应式网页设计的现状与难点 SEO优化 更多>>
|
|
-
百度冰桶算法5.0：保障移动搜索用户
为了提升移动搜索落地页体验，营造优质的移动…… -
移动端手机站做站内优化的要点
随着移动流量的与日俱增，移动搜索引擎的功能…… -
今年网站SEO优化要注意的6大策略
通俗的来说，SEO技术就是一种达到SEO效果所采用…… -
SEO是什么？
对于刚入SEO行业的新人来说，要想做好网站的s…… -
网站收录量对于网站排名的影响作用
很多做SEO的朋友都会问，是不是网站收录越多网…… -
百度搜索将推出飓风算法2.0：严厉打
为了营造良好的搜索内容生态，保护搜索用户的…… -
史上最全的网站SEO策略方案
在搜索引擎优化中，一个网站的SEO策略能最终影…… -
如何使用留言评论进行推广引流
随着新媒体的快速发展，留言评论变得随处可见……