【问题标题】:What does <link> tag do besides including stylesheets?<link> 标签除了包含样式表还有什么作用?
【发布时间】:2010-01-17 19:51:05
【问题描述】:

我知道 HTML 标记用于附加样式表,但是查看 W3CSchools 标记参考,它还有许多其他的 rel 属性值。我找遍了整个地方,但我一辈子都找不到一个地方来详细描述其他价值观的作用以及它们的工作方式。谁能把我送到正确的地方或自己解释一下?

编辑:让我重新表述我的问题;我知道链接标签提供了与当前文档相关的其他页面,但它们是如何使用的?例如,如何使用 first、prev 和 next 关系?

【问题讨论】:

  • 我不推荐使用 W3Schools 作为参考。查看w3fools.com 并了解原因。
  • @chharvey 该网站称,到了 2020 年,今天,W3Schools 已经在很大程度上解决了这些问题,并解决了大多数签名开发者的担忧。对于许多初学者来说,W3Schools 有结构化的教程和游乐场,可以提供不错的学习体验。请记住:更完整的教育肯定会包括 MDN 和其他知名资源。

标签: html tags hyperlink link-tag


【解决方案1】:

我知道两个突出的常见用途:

  • 使用rel="stylesheet" 引用外部 CSS 样式表

  • 使用rel="favicon" 引用浏览器图标

另外还有

  • 正向和反向链接 (rel="next")

  • 指向搜索引擎替代资源的链接 (rel="alternate")

查看W3C Reference: Links in HTML documents 以获取有关样式表以及后两者的详细信息。

【讨论】:

    【解决方案2】:

    它链接 ;)

    这是一种表达“这个其他资源和我(HTML 文档)有关系”的方式。

    rel 属性表示 HTML 文档的链接项是什么。

    rev 属性说明 HTML 文档对链接项的意义。

    所以...

    <link rel="stylesheet" href="style.css" />
    

    说“style.css 是这个 HTML 文档的样式表。”

    愚蠢的类比:如果 HTML 文档可以“结婚”(在高度保守的非同性婚姻中),我们可以这样做:

    <link rel="wife" rev="husband" href="otherFile.html" />
    

    有了这个元素,HTML 文档就说“otherFile.html 是我的妻子,我是它的丈夫。”

    【讨论】:

    • 会有哪些用例?我知道的唯一用例是可以单击链接并将用户带到新页面的情况。但是这些链接不能点击。我有一些模糊的想法,爬虫可以看到这一点,但仅此而已。
    • @AdamZerner - 您点击的链接不同。它们是超链接,而不是单纯的链接。使用&lt;link&gt;,您可以识别另一个 URL,它是样式表、DNS 预提取、SEO 的规范 URL、网站图标图像 - 它实际上可以是任何东西。 rel 属性将表示另一个 URL 相对于该页面的确切内容。
    【解决方案3】:

    除了所有其他答案之外,它还用于 RSS 提要。

    例如:(从这个页面)

    <link rel="alternate" type="application/atom+xml" 
          title="Feed for question 'What does the HTML &lt;link&gt; tag do besides including stylesheets?'" 
          href="/feeds/question/2082362">
    

    【讨论】:

      【解决方案4】:

      <link> 标签传达关系信息。对于样式表,这意味着“这里是有关如何显示此文件的说明”,但链接用于many kinds 的语义引用,包括 HTML 规范中未列出的其他内容。

      【讨论】:

        【解决方案5】:

        呃……

        http://www.w3schools.com/TAGS/att_link_rel.asp

        基本上,它只是一个标签,上面写着“文档所需的其他东西在这里”,而 rel 标签准确地指定了它可能是什么。

        【讨论】:

          【解决方案6】:

          除了Pekka 所说的之外,我还看到它用于 pingback (rel="pingback") 链接,通常用于博客。

          【讨论】:

          • 请为不知情的读者描述什么是“pingback”,或提供参考。
          猜你喜欢
          • 1970-01-01
          • 2020-06-17
          • 1970-01-01
          • 1970-01-01
          • 2020-04-21
          • 1970-01-01
          • 2020-08-12
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多