锚点标签<a>中的rel="home"有什么作用吗?

9

我在WordPress主题中经常看到这种情况(可能是因为Underscores这样做,所以每个人都会复制):

<a href="/" rel="home">Some Site Title</a>

我无法找到任何半官方的声明,表明在锚标签上使用rel="home"在今天被任何浏览器、屏幕阅读器或其他用户代理有有实际意义的使用。我找到的唯一“官方”文档是来自microformats.org网站的2005年的这份规范草案
该文档建议在<head>中的<link>标记以及<a>标记中使用home作为有效值。在<link>标记上使用它在HTML v3中具有某些渊源,并且从2002年起就有关于它的参考资料。但我没有看到关于<a>标记的使用的任何信息。

那么,将其包含对于任何人或任何事情有帮助吗?我是否最好在 <head> 中使用 <link rel="home">,或者在2020年这也已经过时了?

2个回答

6

rel="page" 是 HTML 4 中创建永久链接的一部分 (请参见“永久链接检测”部分)。

但是,在 HTML 5 中,它已经没有作用了,也不提供任何可访问性或 SEO 价值。 它可能也无法再使用 W3C 验证器进行验证(未经过测试)。

rel="something" 应仅用于<link>元素,除了锚点(<a>标签)上的rel="noopener", rel="nofollow", 或rel="noreferrer"之外。

注意 - 可能存在其他用于超链接的rel = "",但我只能想到这两个,它不再适用于页面位置、书签等。

更新

感谢 @Sean 在评论中指出其他元素可以接受rel = "",但MicroFormats 不是 Google 添加结构化数据的首选方式,其开发也不如使用https://schema.orgJSON+LD完善。

"我们目前更喜欢 JSON-LD 标记。 我认为大部分新的结构化数据最初都是使用 JSON-LD 发布的,所以这是我们偏爱的。” - John Mueller

显然,我的观点是错误的,因为它完全有效,但个人认为除了我列出的几项之外,我不会费心去坚持使用它,而是坚持谷歌推荐的方式。

有关此主题的更多信息,请参见@Sean的答案。

为了明确起见,rel = ""对可访问性没有影响


我突发奇想,将它通过W3C nu验证器运行,并且有趣的是,它似乎完全忽略了"rel"。不仅"home"和"asdf"没有引起任何投诉,而且将"rel"添加到其他随机标签(body、script、title)上也没有被标记。MDN上有一个很好的链接类型定义表(所有良好的“rel”值)。实际上,锚点上允许使用相当多的链接类型。 - Andron
感谢@Andron,总是很高兴学到新东西。我想它可以作为任何东西的有效属性,只是不会有任何有意义的用途,我应该好好了解一下它除了少数推荐使用之外还允许什么(显然没有考虑到像nextprev等这样的东西!) - GrahamTheDevRel
@GrahamRitchie 你能更新一下你的回答吗?关于只在link上使用rel的部分是不正确的。当前规范说明:在microformats wiki existing-rel-values page中定义为扩展的类型,其状态为“proposed”或“ratified”,可以根据“Effect on...”字段,在linkaarea元素上使用rel属性。 - Sean

1

home不是当前HTML规范中明确定义为rel属性允许值的关键字之一。然而,规范继续声明:

microformats wiki现有-rel-values页面中以“提议”或“批准”状态定义为扩展类型的类型可以根据“Effect on…”字段在linkaarea元素上使用rel属性。

microformats页面上,home具有“提议”的状态,因此可以根据规范使用。

该微格式网站有一个特定的rel-home页面,详细介绍了使用方法和示例。它提到:

Opera浏览器支持rel="home"

这意味着Opera与该用法相关的某些功能,但没有提供任何额外的细节。

摘要:rel="home"可用于a元素。其好处不明显,但使用它并不会有害。自2005年起,它的draft spec已经存在,因此肯定有一些技术在使用它。


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