【问题标题】:What is the function of the html "rel" attribute? [closed]html“rel”属性的作用是什么? [关闭]
【发布时间】:2013-08-22 00:42:34
【问题描述】:

我知道 rel 与事物之间的关系(文档?元素?)有关,但我并没有真正了解这一点。在 achor 标签中使用时它到底做了什么? 另外,rel="x" 中的 x 是否有特定的值?

【问题讨论】:

  • 这个问题实际上要求提供教程。好的答案对于 SO 答案的格式来说太长了。请添加详细信息以缩小答案集或隔离可以在几段中回答的问题。基本上,rel 属性“做”与任何 HTML 属性相同,即什么都没有。它们是数据,它们可能具有定义的含义,并且可能由软件(搜索引擎、浏览器等)处理。含义可以在 HTML 规范中找到。

标签: html anchor rel


【解决方案1】:

它们通常用于向搜索引擎提供有关您网站结构的信息。例如,您可以为链接提供nextprev rel 属性用于分页链接(显示下一个/最后一组搜索结果的链接),或者您可以提供一个canonical 值来告诉搜索引擎哪个是它正在查看的页面的默认链接(有时可以通过许多不同的链接访问页面,这样可以避免对可能损害您的 SEO 的重复内容编制索引)。

以下是来自 Google 的几个关于最佳使用的链接:

https://support.google.com/webmasters/answer/1663744

https://support.google.com/webmasters/answer/139394

【讨论】:

  • 谢谢,我觉得你的回答最有帮助,所以我想我会给你标记的答案(不是说其他​​人没有,但这给了我额外的信息)
  • 这是一个相当狭隘的描述:它只讨论了rel属性使用的一个方面。
【解决方案2】:

它指定当前文档和链接文档之间的关系。

在这里你可以找到一个很好的参考: http://reference.sitepoint.com/html/a/rel

这对我也有帮助

http://www.falsepositives.com/index.php/2009/03/24/html-tags-and-rel-attributes-you-really-should-know/

问候

【讨论】:

    【解决方案3】:

    rel 属性将 CSS(级联样式表)JS(Javascript)等文件和其他索引文件链接到其源。

    例如,如果我想将样式表链接到我的 index.html

    我会打字

     <link rel="stylesheet" href="style.css" type="text/css" media="all" />
    

    【讨论】:

      【解决方案4】:

      让我们看一些可能的rel值示例,它表示href页面(链接文档)和实际页面之间的关系:

      <a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>
      

      这里的页面表明该超链接的目的地是当前页面的许可

      <a rel="directory" href="http://dmoz.org/Computers/Internet/">Computers/Internet</a>
      

      在这个页面中,超链接的目的地是一个目录列表,其中包含当前页面的条目。

      http://microformats.org/wiki/rel-faq#How_is_rel_used查看更多信息

      【讨论】:

        猜你喜欢
        • 2013-06-29
        • 2011-02-17
        • 2017-03-14
        • 1970-01-01
        • 2015-02-10
        • 1970-01-01
        • 1970-01-01
        • 2015-08-05
        • 1970-01-01
        相关资源
        最近更新 更多