7

我渴望转向一种更加基于标准、可访问且语义正确的 Web 开发方法。在办公室,我预计不会立即发生巨大的变化,但我正试图开始为进一步发展奠定一些基本基础。

rel此过程的一部分是在链接和其他此类内容中引入属性。这比熟悉的旧

<link href="mystyles.css" type="text/css" rel="stylesheet" />

许多开发人员可能会不假思索地投入其中。我很想知道是否有人rel经常以其他方式使用。例如,使用 . 将主导航的链接设置回主页rel="start"

如果您在自己的项目中实现了链接关系,是什么促使您采用它们以及您试图实现的好处是什么?

如果您查看了链接关系但决定不使用它们,您做出决定的依据是什么?

4

4 回答 4

10

我经常在and元素上使用具有广泛值的rel(and ) 属性。rev<link/><a/>

我在下面概述了一些更常见(和更有用)的关系类型。更完整的rel值列表保存在microformats wiki上。

HTML 4

HTML 4 规范定义了几种标准链接类型。

  • alternate- 在提供指向 HTML 文档的替代版本的链接时使用,例如以不同的语言或其他格式。这在链接到网站的联合(RSS 或 Atom)版本时最常用。
  • nextprevious- 用于表示一系列文档中的下一个和上一个文档。如果rel="next"<link/>元素上使用,则某些浏览器将预取链接文档的内容(请参阅MDC 链接预取常见问题解答)。

XFN

XFN(XHTML Friends Network)是一种微格式,用于描述由网页表示的人与人之间的关系。它还允许一个页面指示代表同一个人的其他页面(例如,我的博客、我的 Twitter 个人资料和我的 Stack Overflow 个人资料都代表我)。它通过定义一组rel值来完成所有这些工作:

  • me- 用于表示链接页面和链接页面代表同一个用户。当从用户个人资料链接到用户自己的网站时,许多社交网站(包括 Stack Overflow)广泛采用这种方式。
  • contact,aquantancefriend- 表示您认识要链接的人以及您对他们的了解程度。
  • met- 表示您遇到了您要链接的人。
  • co-workercolleague- 表明您与您链接的人一起工作或在同一领域工作。
  • co-residentneighbor- 表明您与所链接的人住在一起或住在附近。
  • child, parent, sibling,spousekin- 表示您正在链接到您的家庭成员。
  • muse, crush,datesweetheart- 表示与您链接的人的浪漫关系。

这些关系可以被解析并用于确定有关用户的信息,例如他们的朋友是谁或他们拥有哪些其他在线个人资料。有关当前和潜在未来的更多信息,可能会对以下页面的应用感兴趣:

其他

各种规范定义了各种其他链接类型:

  • nofollow- 用于表示搜索引擎在抓取网页时不应跟随链接。请参阅rel-nofollow 规范
  • canonical- 用于表示另一个 URL 是当前页面的规范版本,因此应该受到搜索引擎的青睐。这也与rev属性一起使用以指示当前页面的替代 URL,通常更短(即rev="canonical"指示当前 URL 是链接 URL 的规范版本)。更多信息和工具可以在Simon Willison 关于 rev=canonical 的博客文章中找到。
  • tag- 用于表示链接页面是描述链接页面的标签(即关键字)。请参阅rel-tag 规范
  • license- 用于表示发布链接页面内容的许可证。请参阅rel-license 规范
于 2009-06-11T21:53:23.300 回答
3

我将 rel="nofollow" 用于博客评论中用户贡献的链接。谷歌不会跟随链接,也不会因为链接而获得更高的页面排名。

于 2009-05-11T23:20:30.970 回答
2

我使用它们的一件事是作为一种指定应在新窗口中打开的外部链接的方式。此功能在严格的 XHTML 中是不可能的,因为标签target上不再允许该属性。<a>但是使用一些 javascript 和rel属性,您可以完成相当不错的工作,如本文所述:符合标准的世界中的新窗口链接

于 2009-05-11T23:15:43.800 回答
0

正如乍得所说,我rel="external"用来指定我想在新窗口中打开的链接(利用一些 jQuery 使其成为可能)。

rel="nofollow"当我想让遵循规则的机器人(如谷歌机器人)不索引我的链接时,我也会使用。

例如,在公共网站上自动添加 nofollow 很有用,否则可能会诱使垃圾邮件发送者从您的博客评论中创建链接农场。

于 2009-05-11T23:35:38.837 回答