您通常使用链接关系(“ rel”属性)?
-
21-08-2019 - |
题
我渴望采用更基于标准的,可访问和语义上的网络开发方法。在办公室,我不希望会有巨大的变化,但是我试图开始为进步进步的一些基本基础。
此过程的一部分是引入 rel
链接和其他此类内容中的属性。这比熟悉的旧
<link href="mystyles.css" type="text/css" rel="stylesheet" />
许多开发人员甚至不考虑它。我很想知道是否有人使用 rel
定期以其他方式。例如,将主导航的链接设置为带有 rel="start"
.
如果您已经在自己的项目中实现了链接关系,那么什么促使您采用它们,您想实现什么好处?
如果您研究了链接关系,但决定不使用它们,那么您的决定的基础是什么?
解决方案
我经常使用 rel
(和 rev
)属性在两个上都具有广泛的值 <link/>
和 <a/>
元素。
我概述了以下一些更常见(和更有用的)关系类型。更完整的清单 rel
值保持在 Microformats Wiki.
HTML 4
HTML 4规范定义了几种标准链接类型。
alternate
- 在提供指向HTML文档的替代版本的链接时,例如使用不同的语言或其他格式。这是链接到网站的联合(RSS或ATOM)版本时最常用的。next
和previous
- 用于在一系列文档中指示下一个和上一个文档。如果rel="next"
用于<link/>
元素然后一些浏览器将预先提取链接文档的内容(请参阅 MDC链接预取常见问题解答).
xfn
XFN(XHTML朋友网络)是一个 微米 用于描述由网页代表的人之间的关系。它还允许页面指示代表同一个人的其他页面(例如,我的博客,我的Twitter个人资料和我的堆栈溢出配置文件都代表我)。它通过定义一组 rel
值:
me
- 用于指示链接页面和链接页面代表同一用户。当从用户配置文件链接到用户自己的网站时,许多社交网站(包括堆栈溢出)广泛采用。contact
,aquantance
和friend
- 表示您知道您正在链接的人以及您对他们的了解程度。met
- 表示您已经遇到了要链接的人。co-worker
和colleague
- 指示您要么与您链接到的人一起工作或在同一领域工作。co-resident
和neighbor
- 表示您与您链接的人住在一起或附近。child
,parent
,sibling
,spouse
和kin
- 表示您正在链接到家庭成员。muse
,crush
,date
和sweetheart
- 表明与您链接的人有浪漫的关系。
这些关系可以解析并用于确定有关用户的信息,例如他们的朋友是谁或他们拥有的其他在线资料。有关当前和潜在未来的更多信息,以下页面可能引起了人们的关注:
其他
各种规格定义了其他各种链接类型:
nofollow
- 用来表明搜索引擎在爬网页时不应遵循链接。看到 rel-nofollow规范.canonical
- 用来表明另一个URL是当前页面的规范版本,因此应受到搜索引擎的青睐。这也与rev
属性可以指示当前页面的替代方法(通常更短)(即rev="canonical"
表示当前的URL是链接URL的规范版本)。可以在 西蒙·威利森(Simon Willison)的博客条目Rev = canonical.tag
- 用于指示链接页面是描述链接页面的标签(IE关键字)。看到 Rel-TAG规范.license
- 用于指示发布链接页面的内容的许可证。看到 相关规范.
其他提示
我将rel =“ nofollow”用于用户在博客评论中的贡献链接。 Google不会遵循链接,并且由于链接而不会获得更高的页面排名。
我使用它们的一件事是指定应该在新窗口中打开的外部链接的方式。严格的XHTML无法使用此功能,因为 target
不再允许属性 <a>
标签。但是有了一些JavaScript和 rel
属性,您可以做一个相当不错的工作,如本文所述: 符合标准世界的新窗口链接.
作为 乍得说, , 我用 rel="external"
要指定我想在新窗口中打开的链接(利用一些jQuery使其成为可能)。
我也使用 rel="nofollow"
当我想制作遵循规则(例如Google Bot)的机器人时,我的链接不是索引。
例如,在公共网站上自动添加nofollow是有用的,否则,垃圾邮件发送者可能会诱使垃圾邮件发送者从博客评论中制作链接农场。