不知不觉中,支持 CSS3 和 HTML5 的浏览器变得愈来愈多,甚至包括最新版的 IE,固然,所谓支持仅仅是部分支持,由于 CSS3 和 HTML5 的W3C 规范都还没有造成。若是你如今就但愿使用 CSS3 和 HTML5 建立你的站点,至少要对各个浏览器对这两种新技术的支持状况有一个全面了解。html
须要指出的是,即便同一个浏览器的同一个版本,在 Mac 和 Windows 两个平台,它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome、Safari、 Firefox、Opera、IE 5 大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各类功能的详细支持状况清单。web
CSS3 属性windows
能够看出,全盘支持 CSS3 属性的浏览器有 Chrome 和 Safari,并且无论是 Mac 平台仍是 Windows 平台全支持。浏览器
CSS3 选择器编码
除了 IE 家族和 Firefox 3,其它几乎所有支持。Chrome,Safari,Firefox 3.6,Opera 10.5 成绩最好 。spa
HTML5 Web 应用orm
Safari 对 HTML5 Web 应用的支持最好,除了地理定位功能,其它都支持。视频
HTML5 网页内嵌对象htm
这应该是 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 等等大量工做,相信是得不偿失的。