HTML中的"rel"属性有什么作用?

10

我知道rel与事物之间的关系有关,但除此之外我并不了解。当它在锚标签中使用时确切地起到了什么作用?此外,在 rel="x" 中是否有特定的值?


这个问题实际上是在寻求一个教程。好的答案对于SO回答的格式来说太长了。请添加细节以缩小答案集或隔离可以在几段落内回答的问题。基本上,rel属性“做”的与任何HTML属性相同,即什么也不做。它们是数据,它们可能有定义的含义,并且它们可能被软件(搜索引擎、浏览器等)处理。这些含义可以在HTML规范中找到。 - Jukka K. Korpela
4个回答

10
通常,它们被用于向搜索引擎提供关于网站结构的信息。例如,您可以为分页链接(显示下一个/最后一组搜索结果的链接)提供nextprev rel属性;使用nofollow告知搜索引擎不要爬取(这也适用于不传递SEO“链接权重”到外部或低优先级页面);或者您可以提供一个canonical值告诉搜索引擎哪个是正在查看的页面的默认链接(有时页面可以通过许多不同的链接访问,这避免了重复内容的索引,可能会损害您的SEO)。
这只描述了几种可能的用途-它是一个非常多才多艺的标签。
关于导航、分页和规范化,以下是来自Google的几个有用链接:

https://web.archive.org/web/20180125083221/https://support.google.com/webmasters/answer/1663744

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


谢谢,我认为你的回答最有帮助了,所以我想我会选择你的答案(不是说其他人的答案不好,但这个给了我额外的信息)。 - secondubly
这是一个相对狭窄的描述:它仅讨论了rel属性使用的一个方面。 - Jukka K. Korpela

0

0

rel 属性用于链接诸如 CSS(层叠样式表)JS(JavaScript)和其他索引文件的源文件。

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

我会输入:

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

0

让我们看一些可能的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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接