五大主流浏览器CSS3和HTML5兼容性大比拼

系统 浏览器
各大主流浏览器对CSS3和HTML5的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的HTML5社区领袖Shelley宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5将在2012年正式成为国际标准。

 各大主流浏览器对CSS3和HTML5的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的HTML5社区***Shelley宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5将在2012年正式成为国际标准。

当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用CSS3和HTML5创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解。本文是一份IE,Chrome,Firefox,Safari,Opera五大主流大浏览器,在Mac和Windows两个平台,对CSS3和HTML5各种特性支持情况的详细清单。

CSS3属性

从表中可以看出,CSSTransforms3D还没有浏览器支持,除此之外的其它属性在Windows平台,Chrome和Safari全部支持,其次支持比较好的是Opera和Firefox,曾经一片红叉的IE开始迎头赶上。在Mac平台还是Safari仍然表现优异,其次是Firefox和Opera。

 

 

 

CSS3属性

 

CSS3选择器

最让人高兴的就是这张表了,除了IE9以下的版本,其它浏览器已全部支持CSS3选择器,包括IE9和将在明年发布的IE10。

 

 

 

CSS3选择器

 

#p#

HTML5Web应用程序

从表中可以看出,除了客户端数据库IndexDB和触控(Touch)事件外,其它特性Chrome和Safari都全部支持,微软还得加油啊。(更新:经验证Chrome10和Firefox4已支持IndexDB,Firefox4也已支持WebSocket,不过由于安全原因默认是不开启的,我们可以通过about:config重新启用WebSocket,只需启用network.websocket.override-security-block选项即可。)

 

 

 

HTML5Web应用程序

 

HTML5图形和内嵌内容

这应该是HTML5最令人期待的东西了,内置画布,视频,音频,SVG,WebGL等对象。全部支持的有Chrome,Firefox,还有IE9,很惊讶吧。

 

HTML5图形和内嵌内容

 

HTML5音频编码

Chrome又是全部支持,Safari除OggVorbis外全部支持,IE9开始支持MP3和AAC。

 

HTML5音频编码

 

HTML5视频编码

还是Chrome最厉害,包容天下,不知道H.264能否成为统一的视频编码标准,期待。

 

HTML5视频编码

 

HTML5表单对象

这些浏览器中最淡定的要数Opera了,那么多年了市场份额都没什么大变化。在Windows和Mac平台,Opera对HTML5表单对象全部支持,IE家族全军覆没。

 

HTML5表单对象

 

HTML5表单属性

IE又一次全军覆没,Opera依然全部支持,其次是Safari、Chrome、Firefox。

 

HTML5表单属性

 

结论

目前,对CSS3和HTML5支持***的是Chrome,Safari次之,Firefox和Opera旗鼓相当,IE9开始拥抱标准。鉴于这种情况,假如你想使用这两项新技术创建一个先锋体验式站点,现在的CSS3和HTML5可以让你实现,假如你想大规模应用于实际项目,现在还为时过早。

【编辑推荐】

  1. Chrome已成我国第二大浏览器
  2. IE火狐相继换装 再看浏览器***战报
  3. 4月份浏览器市场排行榜
责任编辑:黄丹 来源: 驱动之家
相关推荐

2010-04-23 10:24:57

2010-04-01 13:03:10

2011-05-11 18:00:10

HTML5兼容性

2012-02-29 09:27:36

ibmdw

2012-08-17 10:22:26

HTML5性能浏览器

2010-12-13 14:03:00

浏览器性能

2010-03-31 09:29:47

浏览器性能比较

2009-04-11 20:08:32

2010-03-18 14:54:46

主流无线技术

2014-12-03 10:21:50

HTML5

2011-11-08 10:29:44

2010-09-08 09:19:49

DIVCSS

2012-05-08 11:35:01

傲游HTML5

2010-12-23 09:05:10

2011-07-15 13:20:18

浏览器

2010-10-26 14:47:02

2020-08-04 17:06:40

Merging Rebasing Git

2010-09-09 16:07:59

CSS

2021-03-25 14:43:13

谷歌微软浏览器

2010-09-13 12:47:56

CSS3
点赞
收藏

51CTO技术栈公众号