主流浏览器CSS 3和HTML 5兼容清单

开发 前端
支持CSS 3和HTML 5的浏览器越来越多,甚至包括最新版的IE,当然,所谓支持仅仅是部分支持,因为CSS 3和HTML 5的W3C规范都尚未形成。

尽管CSS 3和HTML 5的W3C规范都尚未成形,但目前支持CSS 3和HTML 5的浏览器越来越多,包括google的Chrome,以及最新版本的IE 9

需要指出的是,即使同一个浏览器的同一个版本,在Mac和Windows两个平台,它们对CSS 3和HTML 5的支持也并不一致。本文是一份Chrome,Safari,Firefox,Opera,IE这5大浏览器,在Mac和Windows两个平台,对CSS 3和HTML 5各种功能的详细支持情况清单。

CSS 3属性

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

CSS 3属性

CSS 3选择器

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

CSS 3选择器

HTML 5 Web应用

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

HTML 5 Web应用

HTML 5网页内嵌对象

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

HTML 5网页内嵌对象

HTML 5音频编码

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

HTML 5音频编码 

#p#
HTML 5视频编码

H.264任重道远。

HTML 5视频编码

HTML 5各种表单对象

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

HTML 5各种表单对象

HTML 5表单对象属性与行为

又一次想到了桌面程序。

HTML 5表单对象属性与行为

结论

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

【编辑推荐】

  1. 揭秘HTML 5和CSS3 Web实现飞跃的踏板
  2. HTML 5将给开发者带来什么?
  3. 定义未来Web样式 CSS 3最新特性一览
  4. 微软披露IE9技术细节 将支持HTML5标准
  5. HTML 5视频编码存争议 各方观点不一
责任编辑:王晓东 来源: 中文业界资讯站
相关推荐

2011-05-27 16:07:36

浏览器CSS3HTML5

2010-04-23 10:24:57

2012-02-29 09:27:36

ibmdw

2010-08-20 13:46:10

IEFirefoxCSS

2010-08-19 15:47:34

CSS Reset浏览器

2011-05-11 18:00:10

HTML5兼容性

2023-09-05 09:44:26

CSS处理器函数

2023-09-05 09:40:55

SCSS预处理器

2012-05-07 14:24:15

HTML 5Web App

2012-05-28 13:09:12

HTML5

2014-12-03 10:21:50

HTML5

2010-08-30 15:40:31

CSS浏览器兼容

2012-04-23 13:43:02

HTML5浏览器

2010-09-16 13:48:15

CSS Hack

2012-02-03 16:44:39

浏览器手机浏览器HTML5

2010-09-08 09:19:49

DIVCSS

2012-06-27 14:12:45

CSS

2021-07-07 07:47:10

浏览器CSS兼容

2010-09-14 13:32:33

CSS编码准则

2010-09-08 11:11:50

CSS样式CSS
点赞
收藏

51CTO技术栈公众号