在<link>标签中,哪些rel值具有实际的好处?

4
<link>标签最常用于将样式表与HTML文档关联,但正如许多人所知,它还有许多其他用途。一般来说,它表示两个文档之间的某种关系。其优点和缺点在于,任何人都可以创建自己的rel值(关系类型),如果他们愿意的话。W3C列出了一些可能性,其他人则发明了更多关系类型,如果我想的话,在我的网页上添加一个<link rel="unicorns">也是没有问题的。它甚至会通过验证。
然而,向网页添加随机的<link>标签只会浪费带宽。我想知道哪些rel值实际上提供了某些功能。而且不仅是某些未来用户代理可能实现的假设功能,而且是现实中用户今天可以感受到的具体好处。
我已经知道的一些功能包括:
- stylesheet - 最常见的用途,附加CSS样式表。 - canonical - 指示Google(以及其他搜索引擎)页面的“正常”或“规范”URL在哪里(如果您可以通过许多URL查看相同的页面); - icon - 指定浏览器在URL栏和书签旁显示的网站图标。 - homeindexcontentssearchglossaryhelpfirststartprevpreviousnextlastupcopyrightauthor - 这些出现在Opera的导航栏中, (我被告知) 在Firefox的SeaMonkey插件中也会显示。此外,Firefox在后台预加载<link rel="next">页面,当您在当前页面底部按下SPACE时,Opera就会导航到那里。我认为我也可能在Opera Mini中看到它们,但我不确定(有人知道这些如何影响移动浏览器吗?) - pingback - 用于在博客中实现Pingback。
是否还有其他可能的<link>标签可以实际发挥作用?(请在您的答案中包括它们做什么
2个回答

5
"alternate" 至少作为“stylesheet”修饰符起到一些作用,样式表最初将处于“禁用”状态。

3
<link rel="prefetch"...>会让一些浏览器预加载链接的页面。如果使用正确,它可以大大减少用户在浏览网站时感受到的加载时间。
如今,Firefox等浏览器已经支持此功能,Google也在实际应用中使用了它。尤其是在搜索结果中,如果第一个结果是常见网站(如维基百科),通常会包含指向该页面的“prefetch”链接。

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