【问题标题】:Does rel="home" on an anchor tag (<a>) do anything helpful?锚标记 (<a>) 上的 rel="home" 有什么帮助吗?
【发布时间】:2020-02-12 16:55:33
【问题描述】:

我在 WordPress 主题中的网站标题链接上看到了很多(可能是因为 Underscores 会这样做并且每个人都复制它):

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

我什至找不到半权威的声明,任何浏览器、屏幕阅读器或其他用户代理今天都使用锚标记上的rel="home"。我找到的唯一“官方”文档是 microformats.org 网站上的 this draft specification from 2005

该文档建议home 作为&lt;head&gt;&lt;a&gt; 标记中&lt;link&gt; 标记的有效值。在&lt;link&gt; 上使用它有一些pedigree from HTML v3,还有2002 年的reference to it in the wild。但我没有看到任何关于&lt;a&gt; 标签用法的信息。

那么,包含它对任何/任何人都有帮助吗?在&lt;head&gt; 中使用&lt;link rel="home"&gt; 会更好,还是在2020 年也过时了?

【问题讨论】:

    标签: html accessibility semantic-markup wcag microformats


    【解决方案1】:

    rel="page" 是创建 permalinks(请参阅“永久链接检测”部分)作为 HTML 4 标准的一部分的计划的一部分。

    然而,对于 HTML 5,它现在没有任何用途,也不提供任何可访问性或 SEO 价值。它也可能不再使用 W3C 验证器进行验证(未测试)。

    rel="something" 只能用于&lt;link&gt; 元素,rel="noopener"rel="nofollow"rel="noreferrer" 用于锚点(&lt;a&gt; 标签)除外。

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

    更新

    感谢@Sean 在 cmets 中指出 other elements can accept rel="",但是根据 Google,MicroFormats 并不是添加结构化数据的首选方式,而且它们的开发不如使用 https://schema.orgJSON+LD 那样成熟.

    “我们目前更喜欢 JSON-LD 标记。我觉得大部分新 结构化数据首先出现在 JSON-LD 中。所以那是 我们喜欢什么。” - 约翰·穆勒

    我所说的显然是不正确的,因为它完全有效,但我个人不会打扰并坚持 Google 喜欢的东西,除了我列出的几项。

    有关该主题的更多信息,请参阅@Sean 的回答。

    为了清楚起见,rel="" 与可访问性无关

    【讨论】:

    • 一时兴起,我通过 W3C nu validator 运行它,有趣的是,它似乎完全忽略了 rel — 不仅“home”和“asdf”没有引起任何抱怨,而且还坚持使用 @其他随机标签(正文、脚本、标题)上的 987654340@ 也未标记。 MDN 上有一张很好的 defined link types 表(所有“好”rel 值)。实际上,锚点上允许有不少。
    • 感谢@Andron,学习新东西总是很棒。我想它是任何东西的有效属性,只是不会起到任何有意义的目的,除了少数推荐的用途之外,我可能应该重新了解它所允许的用途(显然没有想到像 @987654342 这样的东西@、prev 等等!)
    • @GrahamRitchie 你能更新你的答案吗?关于仅在link 上使用rel 的部分不正确。当前规范声明:在microformats wiki existing-rel-values page 中定义为扩展的类型,状态为“提议”或“已批准”,可以与linkaarea 元素上的rel 属性一起使用“对...的影响”字段。
    【解决方案2】:

    home 不是当前HTML spec 明确定义为rel 属性允许值的allowed keywords 之一。但是,规范继续声明:

    microformats wiki existing-rel-values page 中定义为扩展的类型,状态为“建议”或“已批准”,可以根据“对..." 字段的影响。

    microformats page 上,home 处于“建议”状态,因此根据规范使用是有效的。

    该微格式网站中有一个特定的rel-home 页面,通过示例更详细地介绍了用法。它使声明——

    Opera浏览器支持rel="home"

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

    总结: rel="home" 可用于a 元素。它的好处尚不清楚,但使用它并没有什么坏处。 draft spec 自 2005 年就已经存在,因此肯定会有一些技术利用它。

    【讨论】:

      猜你喜欢
      • 2012-02-23
      • 2012-02-10
      • 1970-01-01
      • 1970-01-01
      • 2022-01-06
      • 2014-02-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多