CSS3与HTML5的推出,也让各种浏览器的兼容性成了许多设计师关心的问题,本文以表格形式排列了目前主流浏览器对于CSS3与HTML5支持情况。
下面是目前主流浏览器对于HTML5与CSS3的支持情况的相关内容,文章教程主要讲述与主流浏览器 HTML5 CSS3 相关的一些技术与知识,下面是讲解:
CSS3与HTML5的推出,也让各种浏览器的兼容性成了许多设计师关心的问题,本文以表格形式排列了目前主流浏览器对于CSS3与HTML5支持情况。
支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。
需要指出的是,即使同一个浏览器的同一个版本,在 Mac 和 Windows 两个平台,它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种功能的详细支持情况清单。
CSS3 属性
可以看出,全盘支持 CSS3 属性的浏览器有 Chrome 和 Safari,而且不管是 Mac 平台还是 Windows 平台全支持。
![251f90b3eb17bcbba0032c232f6e4adf.gif](https://i-blog.csdnimg.cn/blog_migrate/fc3381ba71537c11f3213d3aa1ae75cf.gif)
CSS3 选择器
除了 IE 家族和 Firefox 3,其它几乎全部支持。Chrome,Safari,Firefox 3.6,Opera 10.5 成绩最好 。
![1747554c9a154f7c7b7a9f0e7d3c8277.gif](https://i-blog.csdnimg.cn/blog_migrate/d2d7128928b2e6d985df7e9f968f640a.gif)
HTML5 Web 应用
Safari 对 HTML5 Web 应用的支持最好,除了地理定位功能,其它都支持。
![1452fc9f6120f8fe20b6d15a968cd4f0.gif](https://i-blog.csdnimg.cn/blog_migrate/bfd75107a59d71f44fc86050110f3c34.gif)
HTML5 网页内嵌对象
这应该是 HTML5 最令人期待的东西,内置的画布,视频,音频等对象。全部支持的有 Chrome,Safari,Firefox 3.6,Opera 10.5。IE家族则全军覆没。
![90d72441cf181fda15050c1cc8c12142.gif](https://i-blog.csdnimg.cn/blog_migrate/4a1681fb208dd50b1b14a0b03bc6e520.gif)
HTML5 音频编码
Opera 10.5 支持的最全面,IE 家族又是颗粒无收。
![5a1702a6a48f78b6c4a0bb879853b8e4.gif](https://i-blog.csdnimg.cn/blog_migrate/722e9aa2a3bb8a39bfa0297119c5907b.gif)
HTML5 视频编码
H.264 任重道远。
![899f058c477fcbd1b514267ce0a99f72.gif](https://i-blog.csdnimg.cn/blog_migrate/585f2097dbd6680392289f30c005884b.gif)
HTML5 各种表单对象
Mac 平台下的 Chrome 成绩最佳。这些表单对象让人想起了桌面程序。
![89aff30da9d87b177f8a6a875392b402.gif](https://i-blog.csdnimg.cn/blog_migrate/28565f88b727ba63b86ffff37f8c78ff.gif)
HTML5 表单对象属性与行为
又一次想到了桌面程序。
![23eba0e67d14603509dc6a2de2a029fe.gif](https://i-blog.csdnimg.cn/blog_migrate/c5cc1978ad7a1ac78d7add7f8fa91f72.gif)
结论
目前,对 CSS3 和 HTML5 支持最好的是 Safari,Chrome 次之,Firefox 3.6 和 Opera 10.5 旗鼓相当,IE家族最差。鉴于这种情况,假如你想使用这两项新技术创建一个先锋体验式站点,现在的 CSS3 和 HTML5 可以让你实现,假如你希望这个站点能被绝大多数人正常访问,现在还为时过早,折中的方案是,为不支持 CSS3 和 HTML5 某些功能的浏览器提供降级方案,当然,其中要涉及到很多问题,包括浏览器,版本,平台的探测,CSS Hack 等等大量工作,相信是得不偿失的。