各大浏览器对HTML5和CSS3的特性的支持力度

支持CSS 3和HTML 5的浏览器越来越多，甚至包括最新版的IE，当然，所谓支持仅仅是部分支持，因为CSS 3和HTML 5的W3C规范都尚未形成。

尽管CSS 3和HTML 5的W3C规范都尚未成形，但目前支持CSS 3和HTML 5的浏览器越来越多，包括google的Chrome，以及最新版本的IE 9。

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

CSS 3属性

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

CSS 3选择器

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

HTML 5 Web应用

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

HTML 5网页内嵌对象

这应该是HTML 5最令人期待的东西，内置的画布，视频，音频等对象。全部支持的有Chrome，Safari，Firefox3.6，Opera 10.5。IE家族则全军覆没。

HTML 5音频编码

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

HTML 5视频编码

H.264任重道远。

HTML 5各种表单对象

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

HTML 5表单对象属性与行为

又一次想到了桌面程序。

结论

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

各大浏览器对HTML5和CSS3的特性的支持力度相关推荐

使用modernizr.js检测浏览器对html5以及css3的支持情况
使用modernizr.js检测浏览器对html5和css3的支持情况详情请看主页:modernizr主页 1. modernizr 是什么? modernize 是一个js库----一个用于检测当 ...
modernizr 支持html5,使用modernizr.js检测浏览器对html5以及css3的支持情况
使用modernizr.js检测浏览器对html5和css3的支持情况 1.modernizr 是什么? modernize 是一个js库----一个用于检测当前浏览器对html5&css3 ...
HTML5 - 各大浏览器对html5的支持情况
HTML5 - 各大浏览器对html5的支持情况 1,主流浏览器对html5的支持情况 (1)Chrome,Firefox:支持html5很多年,而且有自动升级,支持最好. (2)Safari, ...
HTML5以及CSS3新增特性
HTML5以及CSS3新增特性 HTML5 1.语义化标签: 2.多媒体标签: 视频标签:<video> 语法格式如下: <video src="文件地址" co ...
Modernizr.js-检测浏览器对HTML5和CSS3的支持程度
为什么80%的码农都做不了架构师?>>> 传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站. Modernizr 正是为解决这一难题应 ...
html5与css3新增特性精讲
目录前言 HTML5篇一,html5新增语义化标签二,html5中新增的多媒体标签 2.1 视频标签video 2.2 视频标签的属性 2.3 音频标签audio 2.4 音频标签的属性三,h ...
前端学习 HTML5和CSS3新特性高级技巧 JavaScript基础语法
HTML5和CSS3提高 HTML5的新特性 HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签,新的表单和新的表单属性等: 这些新特性都有兼容性问题,基本是IE9+以上的版本浏览器才支持 ...
HTML5和CSS3新特性(完整版)
css3新特性选择器背景和边框文本效果 2D/3D 转换 - 变形(transform).过渡(transtion).动画(animation) 1.选择器 :last-child /* 选择元 ...
Html5、CSS3新特性
h5的新特性? 1.新增一些语义化标签 <article> <section> <aside><header> <footer><n ...

各大浏览器对HTML5和CSS3的特性的支持力度

各大浏览器对HTML5和CSS3的特性的支持力度相关推荐

最新文章

热门文章