新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > 网站制作 > html代码教程 > 各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表

时间:2015-01-13   文章来源:马海祥博客   访问次数:

不知不觉中,支持CSS3和HTML5的浏览器变得越来越多,甚至包括最新版的IE,当然,所谓支持仅仅是部分支持,因为CSS3和HTML5的W3C规范都尚未形成,如果你现在就希望使用CSS3和HTML5创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

需要指出的是,即使同一个浏览器的同一个版本,在Mac和Windows两个平台,它们对CSS3和HTML5的支持也并不一致。

在此,借助马海祥博客的平台跟大家分享一份Chrome、Safari、Firefox、Opera、IE等5大浏览器,在Mac和Windows两个平台,对CSS3和HTML5各种功能的详细支持情况清单。

1、CSS3 属性

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

由上表我们可以看出,全盘支持CSS3属性的浏览器有Chrome和Safari,而且不管是Mac平台还是Windows平台全支持。

2、CSS3 选择器

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

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

3、HTML5 Web 应用

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

Safari对HTML5 Web应用的支持最好,除了地理定位功能,其它都支持(具体可查看马海祥博客《HTML5的主要技术组成部分及功能介绍》的相关介绍)。

4、HTML5 网页内嵌对象

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

这应该是HTML5最令人期待的东西,内置的画布,视频,音频等对象,全部支持的有Chrome,Safari,Firefox 3.6,Opera 10.5,但IE家族则全军覆没(具体可查看马海祥博客《解析HTML5页面元素的嵌套规则及引起的错误问题》的相关介绍)。

5、HTML5 音频编码

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

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

6、HTML5 视频编码

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

ie浏览器中的版本6、7、8全部不兼容,不过ie的后续新版本基本也都解决了此问题。

7、HTML5 各种表单对象

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

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

8、HTML5 表单对象属性与行为

各大浏览器在Mac和Windows平台对CSS3和HTML5兼容情况查询表-马海祥博客

又一次想到了桌面程序。

马海祥博客点评:

目前,对CSS3和HTML5支持最好的是Safari,Chrome次之,Firefox 3.6和Opera 10.5旗鼓相当,IE家族最差。

鉴于这种情况,假如你想使用这两项新技术创建一个先锋体验式站点,现在的CSS3和HTML5可以让你实现,假如你希望这个站点能被绝大多数人正常访问,现在还为时过早,折中的方案是,为不支持CSS3和HTML5某些功能的浏览器提供降级方案,当然,其中要涉及到很多问题,包括浏览器,版本,平台的探测,CSS Hack 等等大量工作,相信是得不偿失的。

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/html/1031.html,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: HTML5 浏览器 CSS3 浏览器兼容

上一篇:HTML5的主要技术组成部分及功能介绍
下一篇:HTML5性能优化与分析

今日话题更多>

SEO研究院 更多 >>