【问题标题】:Why would you use link tags with a data/css HREF instead of using a style tag?为什么要使用带有 data/css HREF 的链接标签而不是使用样式标签?
【发布时间】:2016-12-11 04:06:39
【问题描述】:

在 Facebook 的源代码中,您可以找到以下 source code,因为我是该网站的新手,所以我不得不将其作为链接而不是图片发布。

作为参考,它是一个 HTML <link> 标记,其 href 属性以 data:text/css; charset=utf-8, 开头,然后是 CSS。

您为什么要在 <style> 标签上使用该标签,而 <style> 标签是为存储和使用 CSS 而设计的?

【问题讨论】:

  • 纯属猜测,但可能是为了躲避旧浏览器?例如,链接在 IE 中无法单独使用。
  • @Alohci:我最初是这么认为的,因为<style> 在 HTML 3.2 中引入,<link> 在 HTML 2 中引入,但 caniuse.com 表示数据 URI 是在 2009 年发布的 IE8 中引入的。
  • 是的,但只有 Base64 编码的,而不是 Facebook 示例中使用的形式。
  • 啊,我的错。这可能是有道理的。谢谢!

标签: html css data-uri


【解决方案1】:

https://www.w3.org/TR/html5/document-metadata.html#the-link-element

https://www.w3.org/TR/html5/document-metadata.html#the-style-element

两者之间的区别在于,您可以在许多不同页面中重复使用指向 .css 的链接,其中必须在每个页面上编写样式块。 具有许多不同页面的站点宁愿链接到 .css 并保持所有页面看起来相同,而不必一遍又一遍地重写 Style 块。 <link href="#" rel="stylesheet" /> --> 去获取一个已经写好的 .css 文件。 分区{ 边框:1px纯黑色; }

--> 写在页面上,它的范围仅限于该单个页面。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-21
  • 1970-01-01
  • 2020-06-17
  • 2016-12-17
  • 1970-01-01
  • 2012-10-12
相关资源
最近更新 更多