主流浏览器对于CSS3与HTML5支持情况

2016-02-20 00:30 8 1 收藏

今天图老师小编给大家精心推荐个主流浏览器对于CSS3与HTML5支持情况教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

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 平台全支持。

 

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 表单对象属性与行为

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

又一次想到了桌面程序。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

结论

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

来源:http://www.tulaoshi.com/n/20160220/1631999.html

延伸阅读
标签: Web开发
代码如下: STRONG现在越来越多的网站都提供视频播放(非插件)。HTML5 提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢,下面我们来写一个列子。/STRONG 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1...
标签: Web开发
如何检测用户的浏览器是否支持CSS3,我们需要使用HTML,CSS和JavaScript来完成这件事情。下面是步骤。 1)先制作下面的HTML 1.span id="check" rel="Detect"/span 2)然后书写下面的CSS 01.#check { 02.  display: none; 03.  width: 0; 04.  height: 0; 05.} 06.#check[rel^="D"] {...
标签: Web开发
你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢?你是否在考虑跨浏览器使用CSS3的时候,要记住哪些前缀是支持哪个浏览器的?你是否想过有什么办法能一劳永逸的(或者便捷的)解决这些问题? 不用发愁了,Paul Irish与朋友制作了一个有意思的CSS3生成器,在这个页面上你可以实时的编辑CSS3样式,并且立即可以看到效果...
手势与HTML5 UC浏览器8.1使用感受 早些年,笔者用智能手机时,手机浏览器并不显得那么重要,它给人的概念就是一个经常显示全白的小画面.在UCWEB之前笔者也一直用的是默认的浏览器, 一度在每个机器上都用UC是因为它说能节省流量.在那个流量还珍贵,WIFI并不普及的情况下,UCWEB就是穷人的最爱.一不小心,UC浏览器全球用户量突破两亿,累计下载量...
HTML5和CSS3热潮正横扫网络,从事互联网行业,特别是前端工作者,大家或多或少都有了解、学习和使用,HTML5和CSS3包含丰富的技术内容,在每周的技术分享交流会中,页面构建工程师@Sunshine珍兒 同学,从三个特别的角度出发,配合丰富的实例,概括了HTML5与CSS3对页面工作带来的息息相关的变化和精彩。 一、我们担心苦恼的那么事儿 1.1 对...

经验教程

989

收藏

32
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部