文档章节

主流浏览器CSS3和HTML5兼容性详细清单

波利beryl
 波利beryl
发布于 2014/11/12 09:21
字数 819
阅读 119
收藏 12

天极网软件频道2011-05-26 15:26

分享到: 我要吐槽

  更多精彩相关文章推荐:

  常用浏览器软件HTML5兼容性表现测试

  IE和Firefox浏览器CSS兼容性技巧整理

  CSS hack定义技巧浏览器兼容一览表

  浏览器Html5test基准测试成绩公布  

点击查看更多软件资讯>>

  各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准。

  当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解。

  findmebyip.com给出了一份IE,Chrome,Firefox, Safari,Opera五大主流大浏览器对CSS3 和 HTML5 各种特性支持情况的详细清单,含Mac 和 Windows 两个平台。

  CSS3 属

  从表中可以看出,CSS Transforms 3D 还没有浏览器支持,除此之外的其它属性在 Windows 平台,Chrome 和 Safari 全部支持,其次支持比较好的是 Opera 和 Firefox,曾经一片红叉的 IE 开始迎头赶上。在 Mac 平台还是 Safari 仍然表现优异,其次是 Firefox 和 Opera。

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  CSS3 选择器

  最让人高兴的就是这张表了,除了 IE 9 以下的版本,其它浏览器已全部支持 CSS3 选择器,包括 IE 9 和 将在明年发布的 IE 10

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  HTML5 Web 应用程序

  从表中可以看出,除了客户端数据库 IndexDB 和 触控(Touch)事件外,其它特性 Chrome 和 Safari 都全部支持。

  经验证 Chrome 10 和 Firefox 4 已支持 IndexDB,Firefox 4 也已支持 WebSocket,不过由于安全原因默认是不开启的,我们可以通过 about:config 重新启用 WebSocket,只需启用 network.websocket.override-security-block 选项即可。

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  HTML5 图形和内嵌内容

  这应该是 HTML5 最令人期待的东西了,内置画布,视频,音频,SVG,WebGL等对象。全部支持的有 Chrome、Firefox、IE 9。

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  HTML5 音频编码

  Chrome 全部支持,Safari 除Ogg Vorbis 外全部支持,IE 9 开始支持 MP3 和 AAC。

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  HTML5 视频编码

  Chrome全部支持,不知道 H.264 能否成为统一的视频编码标准,期待。

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  HTML5 表单对象

  在 Windows 和 Mac 平台,Opera 对 HTML5 表单对象全部支持,IE 家族全军覆没。

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  HTML5 表单属性

  IE 又一次全军覆没,Opera 依然全部支持,其次是 Safari,Chrome,Firefox。

主流浏览器CSS3和HTML5兼容性比较_天极软件整理

  由以上数据看来,目前对 CSS3 和 HTML5 支持最好的是 Chrome,Safari 次之,Firefox 和 Opera 旗鼓相当,IE 9开始拥抱标准。鉴于这种情况,假如你想使用这两项新技术创建一个先锋体验式站点,现在的 CSS3 和 HTML5 可以让你实现,假如你想大规模应用于实际项目,现在还为时过早。

本文转载自:

波利beryl
粉丝 21
博文 30
码字总数 5582
作品 0
成都
私信 提问
五大主流浏览器CSS3和HTML5兼容性大比拼

本文是一份IE,Chrome,Firefox, Safari,Opera五大主流大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种特性支持情况的详细清单。 各大主流浏览器对 CSS3 和 HTML5 的支持越来...

红薯
2011/05/26
4.8K
12
加速 Web 开发的 9 款知名 HTML5 框架

与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的...

菠萝皮
2013/02/01
6.3K
18
我所钟爱的 HTML5 资源

HTML5 越来越引起人们的关注,苹果甚至将 HTML5 视为 Flash 的掘墓人。然而,作为一种尚未成型的技术,HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源,这些资...

红薯
2010/07/19
746
3
兼顾性能和兼容体验:HTML5时代的浏览器全面测试

  导言:自1981年IBM推出第一台PC以来,桌面电脑以及随后不断涌现的笔记本、平板以及智能手机等设备越来越普及,而近20年来互联网的出现和高速发展,则让浏览器成为这些设备上使用率最高的...

想你一起
2012/11/20
365
7
史无前例的 HTML5 资源参考指南

尽管 HTML5 规范在 2014 年之前不会有正式版本,很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门,原生支持了以前只可能使用 ...

李长春
2012/03/02
651
1

没有更多内容

加载失败,请刷新页面

加载更多

【2019年8月版本】OCP 071认证考试最新版本的考试原题-第13题

Choose the best answer. Examine this query: SELECT TRUNC (ROUND(156.00,-2),-1) FROM DUAL; What is the result? A) 16 B) 160 C) 150 D) 200 E) 100 Answer:D (解析:关键就是 round ......

oschina_5359
30分钟前
5
0
SolrJ 操作solr增删改查

Solr的特性包括: • 高级的全文搜索功能 • 专为高通量的网络流量进行的优化 • 基于开放接口(XML和HTTP)的标准 • 综合的HTML管理界面 • 可伸缩性-能够有效地复制到另外一个Solr搜索服...

雷开你的门
32分钟前
5
0
What’s the easiest way to teach a robot arm to stack blocks?

What’s the easiest way to teach a robot arm to stack blocks? That’s the nuanced question to which researchers at Google parent company Alphabet’s DeepMind sought answers dur......

巧克夹心
33分钟前
4
0
Vuex-dev demo npm install 时总是报phantomjs-prebuilt@2.1.14安装失败

解决方法,删除node_modules,package-lock.json以及package.json里面的 phantomjs-prebuilt。然后 npm install,最后安装phantomjs-prebuilt。 npm install phantomjs-prebuilt@2.1.14 --ig......

牧云橙
35分钟前
7
0
理解自定义starter的主要目的

自定义starter的主要功能是自动帮我们将某个JavaBean转换成SpringBean,在这个过程中,有些类的实例化会依赖其他的类,考虑到是否需要交给Spring管理,会有很多注解来辅助boot是否是实例化该...

redis缓存
42分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部