各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准。
当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解。本文是一份IE,Chrome,Firefox, Safari,Opera五大主流大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种特性支持情况的详细清单。
谷歌浏览器 (Chrome) V13.0.772.0 Dev 开发版 点此下载
Firefox 4.0 点此下载
ie9中文版for win7 点此下载
Safari浏览器5.0.5 点此下载
Opera V11.50 简体中文版 点此下载
CSS3 属性
从表中可以看出,CSS Transforms 3D 还没有浏览器支持,除此之外的其它属性在 Windows 平台,Chrome 和 Safari 全部支持,其次支持比较好的是 Opera 和 Firefox,曾经一片红叉的 IE 开始迎头赶上。在 Mac 平台还是 Safari 仍然表现优异,其次是 Firefox 和 Opera。
CSS3 选择器
最让人高兴的就是这张表了,除了 IE 9 以下的版本,其它浏览器已全部支持 CSS3 选择器,包括 IE 9 和 将在明年发布的 IE 10。
HTML5 Web 应用程序
从表中可以看出,除了客户端数据库 IndexDB 和 触控(Touch)事件外,其它特性 Chrome 和 Safari 都全部支持,微软还得加油啊。(更新:经验证 Chrome 10 和 Firefox 4 已支持 IndexDB,Firefox 4 也已支持 WebSocket,不过由于安全原因默认是不开启的,我们可以通过 about:config 重新启用 WebSocket,只需启用 network.websocket.override-security-block 选项即可。)
HTML5 图形和内嵌内容
这应该是 HTML5 最令人期待的东西了,内置画布,视频,音频,SVG,WebGL等对象。全部支持的有 Chrome,Firefox,还有 IE 9,很惊讶吧。
HTML5 音频编码
Chrome 又是全部支持,Safari 除Ogg Vorbis 外全部支持,IE 9 开始支持 MP3 和 AAC。
HTML5 视频编码
还是 Chrome 最厉害,包容天下,不知道 H.264 能否成为统一的视频编码标准,期待。
HTML5 表单对象
这些浏览器中最淡定的要数 Opera 了,那么多年了市场份额都没什么大变化。在 Windows 和 Mac 平台,Opera 对 HTML5 表单对象全部支持,IE 家族全军覆没。
HTML5 表单属性
IE 又一次全军覆没,Opera 依然全部支持,其次是 Safari,Chrome,Firefox。
结论
目前,对 CSS3 和 HTML5 支持最好的是 Chrome,Safari 次之,Firefox 和 Opera 旗鼓相当,IE 9开始拥抱标准。鉴于这种情况,假如你想使用这两项新技术创建一个先锋体验式站点,现在的 CSS3 和 HTML5 可以让你实现,假如你想大规模应用于实际项目,现在还为时过早。
分享到:
相关推荐
6. `ie.gif` 和 `netscape.gif` 可能与浏览器兼容性相关,因为IE(Internet Explorer)和Netscape是早期流行的Web浏览器,开发者需要考虑它们对HTML的支持情况。 通过这些图像,学习者可以更直观地理解HTML标记如何...
- `<IFRAME>`:在页面内嵌入另一个HTML页面,仅部分浏览器支持。 - `<NOFRAMES>`:为不支持框架的浏览器提供替代内容。 10. **影像地图**: - `<MAP>`:定义图像地图,允许图像上不同区域链接到不同URL。 - `...
- `<isindex>`:在HTML5中已废弃,不再支持,原本用于创建简单的搜索输入字段。 - `<meta>`:提供文档的元信息,如字符编码、关键词、描述等。HTML5中,`charset`属性用于指定字符编码,`http-equiv`属性用于生成...
### HTML安全16进制色一览表详解 #### 一、HTML颜色表示方法 在HTML中,颜色可以通过两种方式进行表示: 1. **颜色名称**:使用预定义的颜色名称表示,如`blue`代表蓝色。 2. **16进制RGB值**:通过红(Red)、绿...
- `JApplet`:用于在Web浏览器中运行的Swing组件,但通常不直接使用,因为现代Web应用更倾向于使用HTML5和JavaScript。 - `JDialog`:创建对话框,如警告或确认框。`JDialog()`、`JDialog(Frame owner)`和`JDialog...
本文将详细解析HTML5中的常用语法以及不支持的属性。 首先,我们来看HTML5中的头部标记。`<head>`部分是网页的元信息区域,包括文档的标题和样式设置。`<title>`标签用来设定浏览器顶部显示的页面标题,`<meta>`...
"IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表" 提供了一个宝贵的资源,帮助开发者解决在不同浏览器之间存在的CSS样式差异。下面我们将深入探讨这个话题,了解各种CSS hack及其在这些浏览器中的表现。 ...
采购一览表及技术参数.pdf 该文件主要介绍了三种设备的技术参数,分别是一体化只读接口机(PH-X1s)、高速硬盘复制机和便携式取证一体化设备。下面将对每种设备的技术参数进行详细的解释: 一、设备一体化只读接口...
VS.NET 快捷键一览表提供了开发者在使用Visual Studio .NET IDE时提高效率的关键组合键。这些快捷键涵盖了编辑、导航、文件管理、查看代码、格式化等多种功能,旨在简化日常编程工作流程。 编辑快捷键: 1. `Ctrl+C...
### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中,为了确保网站能够在不同的浏览器中保持一致的显示效果,开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...
不同的浏览器可能对某些事件或事件处理方式支持程度不同,例如IE较早版本不支持DOM2级事件处理程序。为确保兼容性,开发者需使用工具库如jQuery,或者使用`attachEvent`等替代方法。 总结,JavaScript事件是构建...
《JavaScript语法一览表.pdf》这个文档应该会更深入地涵盖这些知识点,为初学者或有经验的开发者提供全面的参考。通过深入理解和实践,你可以掌握这门强大的编程语言,并利用它构建复杂的Web应用。
在这个例子中,如果浏览器支持自定义图像,它会显示`cursor.png`作为鼠标指针;如果不支持,就退回到`auto`。 总之,CSS的`cursor`属性是增强网页交互性和用户体验的重要工具,通过合理使用预定义的鼠标样式和...
#### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...
22. **.html, .htm**:HTML文件,用于创建网页,浏览器可以解析并显示这些文件。 以上只是众多文件格式中的一部分,每种格式都有其特定的应用场景和软件支持。理解和掌握这些格式有助于我们更好地管理和利用数字...
最后,HTML特殊符号参考可能包含了一览表,列举了诸如版权符号©、注册商标®、非版权™等特殊字符的HTML实体引用。这些特殊符号在文本中有着特定的含义,但在纯文本中无法直接输入,需要通过HTML实体来表示。 综上...
### HTML语言剖析之HTML标记一览 #### 概述 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它通过一系列预定义的元素来描述文档的结构与语义,这些元素即为HTML标记。本篇文章将对常用的...
5. **.iff** - Amiga平台的通用文件格式,支持多种类型的数据。 6. **.iges, .igs** - 初始图形交换说明文件,用于CAD软件之间的数据交换。 7. **.img** - 通用映像文件,常用于系统安装盘或虚拟机。 8. **.inf** - ...