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

发布于 2017-11-26 字数 2153 浏览 1362 评论 0

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

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

为什么会出现浏览器前缀

因为制定 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 技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

如果你对这篇文章有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助。

扫码二维码加入Web技术交流群

您暂时不能评论!

管理员开启了需要登录才能够评论,你可以免费注册一个本站的账号。

还没有评论!

目前还没有任何评论,快来抢沙发吧!