什么rel值在<link />标记中具有特定的好处?

时间:2010-11-12 14:19:01

标签: html hyperlink link-tag

<link>标记最常用于将样式表与HTML文档相关联,但众所周知,它还有许多其他用途。一般来说,它代表两个文件之间的某种关系。它的美丽和诅咒是任何人都可以制作自己的rel值(关系类型),如果他们愿意的话。 W3C有listed some possibilities,其他人有invented even more,如果我想,那就没有什么能阻止我在我的网页上添加<link rel="unicorns>"。它甚至会验证。

但是,向网页添加随机<link>标记只会浪费带宽。我想知道哪些rel值实际上提供了一些功能。而不仅仅是某些未来的用户代理可能实现的一些假设功能,而是我的用户今天感觉的实际具体好处

我已经知道的一些是:

  • 样式表 - 当然最常见的用途。附加CSS样式表。
  • canonical - 指示Google(以及其他搜索引擎)网页的“正常”或“规范”网址(如果您可以通过多个网址查看同一网页);
  • 图标 - 指定浏览器在网址栏和书签旁边显示的网站图标。
  • 主页索引内容搜索词汇表帮助首先开始上一步上一页下一页最后版权作者 - 这些内容出现在Opera的导航栏中,({{3}在Firefox的SeaMonkey插件中。此外,Firefox在后台预加载<link rel="next">页面,当您按当前页面底部的SPACE时,Opera会在那里导航。我相信我也可能在Opera Mini中看过它们,但我不确定(有没有人知道它们会如何影响移动浏览器?)
  • pingback - 用于在博客中实施Pingback。

还有其他可能的<link>标签实际做某事吗? (还请包括他们在你的答案中所做的

2 个答案:

答案 0 :(得分:5)

“alternate”,至少作为“样式表”的修饰符做了一些事情,因为样式表最初将处于“禁用”状态。

答案 1 :(得分:3)

<link rel="prefetch"...>会说服某些浏览器预加载链接到的页面。如果使用得当,它可以大大减少通过您网站的预期路径的感知加载时间。

Firefox(一个)今天使用它,谷歌实际上使用它。 (第一个搜索结果,特别是如果是维基百科这样的公共网站,通常会包含指向找到页面的“预取”链接。)