各大浏览器 CSS3 和 HTML5 兼容速查表 图文


Posted in HTML / CSS onApril 01, 2010

如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。

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

CSS3 属性

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

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

CSS3 选择器

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

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

HTML5 Web 应用

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

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

HTML5 网页内嵌对象

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

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

HTML5 音频编码

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

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

HTML5 视频编码

H.264 任重道远。

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

HTML5 各种表单对象

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

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

HTML5 表单对象属性与行为

又一次想到了桌面程序。

各大浏览器 CSS3 和 HTML5 兼容速查表 图文

结论

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

HTML / CSS 相关文章推荐
CSS3中的5个有趣的新技术
Apr 02 HTML / CSS
CSS3 please 跨浏览器的CSS3产生器
Mar 14 HTML / CSS
纯CSS实现设置半个字符的样式
Jul 03 HTML / CSS
魔幻般冒泡背景的CSS3按钮动画
Feb 27 HTML / CSS
详解CSS3浏览器兼容
Dec 14 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
使用CSS3制作版头动画效果
Dec 24 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
Mar 14 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
Dec 11 HTML / CSS
浅析HTML5:'data-'属性的作用
Jan 23 HTML / CSS
浅析HTML5 meta viewport参数
Oct 28 HTML / CSS
css背景和边框标签实例详解
May 21 HTML / CSS
CSS3 please 跨浏览器的CSS3产生器
Mar 14 #HTML / CSS
CSS3 简单又实用的5个属性
Mar 04 #HTML / CSS
50个强大璀璨的CSS3/JS技术运用实例
Feb 27 #HTML / CSS
CSS3 网页下拉菜单代码解释 中文翻译
Feb 27 #HTML / CSS
CSS3模块的目前的状况分析
Feb 24 #HTML / CSS
让IE可以变相支持CSS3选择器
Jan 21 #HTML / CSS
玩转CSS3色彩
Jan 16 #HTML / CSS
You might like
php 文件上传系统手记
2009/10/26 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
jquery创建div 实现代码
2009/04/27 Javascript
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
2017/08/25 Javascript
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
小程序实现抽奖动画
2020/04/16 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
Python socket编程实例详解
2015/05/27 Python
在arcgis使用python脚本进行字段计算时是如何解决中文问题的
2015/10/18 Python
Python开发的HTTP库requests详解
2017/08/29 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
selenium 多窗口切换的实现(windows)
2020/01/18 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
环境工程毕业生自荐信
2013/11/17 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
js作用域及作用域链工作引擎
2022/07/07 Javascript
Python实现数据的序列化操作详解
2022/07/07 Python