各大浏览器 CSS3 和 HTML5 兼容速查表 图文

在当下，如果你渴望运用CSS3和HTML5来构建你的网站，那么对各大浏览器对这些新技术的支持情况有一个全面的了解就显得尤为重要。因为即使是同一浏览器的同一版本，在Mac和Windows这两个平台上，其对于CSS3和HTML5的支持也是存在差异的。

五大浏览器——Chrome、Safari、Firefox、Opera以及IE——在对待CSS3和HTML5的支持上各有千秋。让我们逐一他们在Mac和Windows平台上的表现。

CSS3属性的支持情况表明，Chrome和Safari两款浏览器在这方面表现突出，无论是Mac还是Windows平台，都提供了全面的支持。

在CSS3选择器方面，除了IE家族和Firefox 3，其余浏览器均给予了广泛支持。其中，Chrome、Safari、Firefox 3.6以及Opera 10.5的成绩尤为突出。

谈及HTML5 Web应用，Safari的支持度最高，除了在地理定位功能上的缺失，其余都得到了支持。

在HTML5网页内嵌对象方面，如内置的画布、视频、音频等对象，Chrome、Safari、Firefox 3.6以及Opera 10.5提供了全面支持，而IE家族则未能提供支持。

在HTML5音频编码方面，Opera 10.5的支持最为全面，IE家族则依然未能提供支持。

至于HTML5视频编码，H.264仍有很长的路要走。

而在HTML5各种表单对象以及HTML5表单对象属性与行为上，各大浏览器的支持情况也各有差异。Mac平台下的Chrome表现最佳，这些表单对象让人联想到桌面程序。

目前对CSS3和HTML5支持最好的是Safari，Chrome次之，Firefox 3.6和Opera 10.5的表现则旗鼓相当。而IE家族在这两项新技术的支持上表现最差。如果你想创建一个先锋体验式的站点，那么现在的CSS3和HTML5可以实现你的需求。但如果你希望这个站点能被绝大多数人正常访问，那么可能还需要考虑提供降级方案，这涉及到浏览器、版本、平台的探测，以及CSS Hack等诸多问题。这需要大量的工作和考虑，有时可能会得不偿失。