• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >css3 > 各大浏览器 CSS3 和 HTML5 兼容速查表 图文

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含html5 css3培训机构,html5与css3新特性,html5+css3入门经典,html5+css3,html5+css3案例教程等相关知识,佚名 希望在学习及工作中可以帮助到您
如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。

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

CSS3 属性

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

CSS3 选择器

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

HTML5 Web 应用

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

HTML5 网页内嵌对象

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

HTML5 音频编码

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

HTML5 视频编码

H.264 任重道远。

HTML5 各种表单对象

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

HTML5 表单对象属性与行为

又一次想到了桌面程序。

结论

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

</div>

您可能想查找下面的文章:

  • 用CSS3打造HTML5的Logo(实现代码)
  • 使用CSS3美化HTML表单的技巧演示
  • 纯HTML5+CSS3制作图片旋转
  • 使用HTML和CSS3绘制基本卡通图案的示例分享
  • 基于html和CSS3制作酷炫的导航栏
  • 使用CSS3来匹配横屏竖屏的简单方法
  • 使用CSS3来绘制一个月食图案
  • CSS3制作苹果风格键盘特效
  • html5+css3之CSS中的布局与Header的实现
  • html5+css3气泡组件的实现

相关文章

  • 2017-06-02css3中背景尺寸background-size详解
  • 2017-06-02详解CSS3中nth-child与nth-of-type的区别
  • 2017-06-02使用css3制作登录表单的步骤
  • 2017-06-02CSS3制作炫酷的自定义发光文字
  • 2017-06-02CSS3的新特性介绍
  • 2017-06-02css3打造一款漂亮的卡哇伊按钮
  • 2017-06-02CSS3中background-clip和background-origin的区别示例介绍
  • 2017-06-02CSS3中31种选择器使用方法教程
  • 2017-06-02CSS3让登陆面板3D旋转起来
  • 2017-06-02css3气泡 css3关键帧动画创建的动态通知气泡

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 详解CSS3中字体平滑处理和抗锯齿渲染
    • CSS3教程(1):什么是CSS3
    • CSS3实现10种Loading效果
    • CSS3教程:新增加的结构伪类
    • CSS3中Color的一些特性介绍
    • 你应该知道的30个css选择器
    • 利用CSS3实现炫酷的飞机起飞动画
    • css3实现背景颜色渐变让图片不再是唯一的实现方式
    • 使用CSS3 制作一个material-design 风格登录界面实例
    • 利用纯CSS3实现tab选项卡切换示例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有