各大主流浏览器前缀详解 Browser Prefix

Question

为了兼容老版本的写法。例如比较新版本的浏览器都支持直接写 border-radius，-moz- 代表 Firefox 浏览器私有属性，-ms- 代表 IE 浏览器私有属性，-webkit- 代表 Safari、Chrome 私有属性。

为什么会出现浏览器前缀

因为制定 HTML 和 CSS 标准的组织 W3C 动作是很慢的。

通常有的 W3C 组织成员提出一个新属性，比如说圆角 border-radius，大家都觉得好，但 W3C 制定标准，要走很复杂的程序，备案、审查、批复等。而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持。

为避免日后 W3C 公布标准时有所变更，加入一个私有前缀，比如 -webkit-border-radius，通过这种方式来提前支持新属性。

等到日后 W3C 公布了标准，border-radius 的标准写法确立之后，再让新版的浏览器支持 border-radius 这种写法。

基本非IE的浏览器的私有属性都会以-xxx-这样开始：

• -o- 就是以Presto为引擎的 Opera私有的
• -icab- 是iCab私有的
• -khtml- 就是以KHTML为引擎的浏览器（如Konqueror Safari）
• -moz- 就是以mozilla的Gecko为引擎的浏览器（如Firefox，mozilla）
• -webkit- 就是以Webkit 渲染引擎（是KHTML的衍生产品）的浏览器（如Safari、Swift）

浏览器前缀写法

下面是一个阴影属性所需要写的 CSS 代码

Firefox: -moz-box-shadow
Safari: -webkit-box-shadow
Opera: -o-box-shadow
IE: -ms-box-shadow

题外关于W3C

W3C（World Wide Web Consortium）万维网联盟创建于1994年，是 Web 技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C 已发布了 200 多项影响深远的 Web 技术标准及实施指南，如广为业界采用的超文本标记语言（标准通用标记语言下的一个应用）、可扩展标记语言（标准通用标记语言下的一个子集）以及帮助残障人士有效获得 Web 内容的信息无障碍指南（WCAG）等，有效促进了 Web 技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

收藏 0

分享到微信

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。