Chrome完胜 五大主流浏览器CSS3和HTML5兼容性大比拼
[i=s] 本帖最后由 jfjj007 于 2011-5-27 04:13 编辑 [/i][size=14px]各大主流浏览器对CSS3和HTML5的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的HTML5社区领袖Shelley宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5将在2012年正式成为国际标准。
当然，即使标准正式制定了，现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用CSS3和HTML5创建你的站点，需要对各个浏览器对这两种新技术的支持情况有一个全面了解。本文是一份IE，Chrome，Firefox，Safari，Opera五大主流大浏览器，在Mac和Windows两个平台，对CSS3和HTML5各种特性支持情况的详细清单。
[b]CSS3属性[/b]
从表中可以看出，CSSTransforms3D还没有浏览器支持，除此之外的其它属性在Windows平台，Chrome和Safari全部支持，其次支持比较好的是Opera和Firefox，曾经一片红叉的IE开始迎头赶上。在Mac平台还是Safari仍然表现优异，其次是Firefox和Opera。
[align=center][url=http://news.mydrivers.com/Img/20110526/04110931.jpg][img]http://news.mydrivers.com/Img/20110526/S04110931.jpg[/img][/url][/align][b]CSS3选择器[/b]
最让人高兴的就是这张表了，除了IE9以下的版本，其它浏览器已全部支持CSS3选择器，包括IE9和将在明年发布的IE10。
[align=center][url=http://news.mydrivers.com/Img/20110526/04110953.jpg][img]http://news.mydrivers.com/Img/20110526/S04110953.jpg[/img][/url][/align]
[b]HTML5Web应用程序[/b]
从表中可以看出，除了客户端数据库IndexDB和触控（Touch）事件外，其它特性Chrome和Safari都全部支持，微软还得加油啊。（更新：经验证Chrome10和Firefox4已支持IndexDB，Firefox4也已支持WebSocket，不过由于安全原因默认是不开启的，我们可以通过about:config重新启用WebSocket，只需启用network.websocket.override-security-block选项即可。）
[align=center][url=http://news.mydrivers.com/Img/20110526/04110977.jpg][img]http://news.mydrivers.com/Img/20110526/S04110977.jpg[/img][/url][/align]
[b]HTML5图形和内嵌内容[/b]
这应该是HTML5最令人期待的东西了，内置画布，视频，音频，SVG，WebGL等对象。全部支持的有Chrome，Firefox，还有IE9，很惊讶吧。
[align=center][url=http://news.mydrivers.com/Img/20110526/04110994.jpg][img]http://news.mydrivers.com/Img/20110526/S04110994.jpg[/img][/url][/align]
[b]HTML5音频编码[/b]
Chrome又是全部支持，Safari除OggVorbis外全部支持，IE9开始支持MP3和AAC。
[align=center][url=http://news.mydrivers.com/Img/20110526/04111006.jpg][img]http://news.mydrivers.com/Img/20110526/S04111006.jpg[/img][/url][/align]
[b]HTML5视频编码[/b]
还是Chrome最厉害，包容天下，不知道H.264能否成为统一的视频编码标准，期待。
[align=center][url=http://news.mydrivers.com/Img/20110526/04124481.jpg][img]http://news.mydrivers.com/Img/20110526/S04124481.jpg[/img][/url][/align][b]HTML5表单对象[/b]
这些浏览器中最淡定的要数Opera了，那么多年了市场份额都没什么大变化。在Windows和Mac平台，Opera对HTML5表单对象全部支持，IE家族全军覆没。
[align=center][url=http://news.mydrivers.com/Img/20110526/04124489.jpg][img]http://news.mydrivers.com/Img/20110526/S04124489.jpg[/img][/url][/align]
[b]HTML5表单属性[/b]
IE又一次全军覆没，Opera依然全部支持，其次是Safari、Chrome、Firefox。
[align=center][url=http://news.mydrivers.com/Img/20110526/04124509.jpg][img]http://news.mydrivers.com/Img/20110526/S04124509.jpg[/img][/url][/align]
[b]结论[/b]
目前，对CSS3和HTML5支持最好的是Chrome，Safari次之，Firefox和Opera旗鼓相当，IE9开始拥抱标准。鉴于这种情况，假如你想使用这两项新技术创建一个先锋体验式站点，现在的CSS3和HTML5可以让你实现，假如你想大规模应用于实际项目，现在还为时过早。
[/size] **** 作者被禁止或删除 内容自动屏蔽 **** [quote]cb的图片是有防盗链的 还不如不贴图。。
[size=2][color=#999999]jym2005 发表于 2011-5-26 21:54[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1494375&ptid=197617][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
我表示及时更新~ :)不错 。。。。
页:
[1]