p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验

【P2H观点】:CSS3和HTML5是时下炒的最火也确确实实是一个网也标准的一次大的突破,无论从用户体验还是性能方面还是开发便捷方面都占据了很大的优势,所以很多媒体说CSS3和HTML5必将成为以后的主流,P2H认为也是势在必得,对 CSS3 和 HTML5 支持最好的是 Safari。

HTML5各属性兼容情况分析

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 表单对象属性与行为又一次想到了桌面程序。

主流浏览器对CSS3和HTML5的支持情况评测 结论

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

各浏览器对CSS3和HTML5分别评测的结论

Safari

Safari 很重视标准,是所有浏览器中第一个通过 Acid2 和 Acid3 的浏览器。Safari 4 支持 HTML 5 音频和视频标签的浏览器。开发者可以将媒体文件直接整合到网页中,大大节约了开发时间,提高了响应速度。Safari 还支持 HTML 5 离线科技,基于网站的应用程序可以将信息存在本地硬盘中,无需网络连接也可随时使用

IE(Microsoft微软出品)

With full CSS 2.1, strong HTML 5 support, and interoperability fixes for the Document Object Model (DOM), Internet Explorer 8 has made deliberate investments in a new layout engine. 但有人说不支持 video 标签。

Firefox(火狐)

Firefox 3.5 的亮点是在互联网技术的支持,比如 HTML 5……

Chrome(谷歌出品)

Chrome 2.0 还不支持,计划在今后的版本中支持本地存储、视频等 HTML 5 功能。

Opera(苹果出品)

未找到相关报道,但从 2004 年开始,苹果、Mozilla、Opera 这三家参与了 HTML 5 的开发,相信 Opera 应该支持 HTML 5 吧。

总的来看,各浏览器都已经或即将支持 HTML 5,不过阻碍 HTML 5 发展的最大障碍应该是 IE 6、IE 7,现在这两个版本的 IE 浏览器市场占有率还非常高,所以有人说该对 IE6 说再见了。


欢迎转载,转载请注明来源:http://www.p2h.cn/evaluation-of-major-browser-css3-html5/

相关链接: