页脚是独立的文章吗？

Question

我正在制作以下html。 在这里，一位同事建议添加 article 元素是合适的，因为当前包含在 section 中的部分是独立的。

...
<footer> 
  <!-- add <article> here-->
  <section>
    <h1>heading</h1>
  </section>
  <section>
    <h1>heading</h1>
  </section>
  <!-- </article> -->
</footer>

在这里加一篇文章合理吗？ WHATWG 说：

article 元素表示文档、页面、应用程序或站点中的完整或自包含的组合，也就是说，原则上，可独立分发或可重用，例如在联合中。

如果将页脚内容包含在文章中，则它必须是可重新分发的，但实际上不会重新分发（没有此类 api）。

此外，由于页脚内容只有在其他页面内容的上下文中才有效，因此不知道它是否是自包含的。

我读了这个 SO Q&A ，但我无法想出如何处理文章元素的解决方案。 我认为自包含可以包含多远是不明确的。 语义对于 SEO 和可访问性很重要，但另一方面，我也遭受这种歧义的困扰。

这种页脚的内容是独立的并且可以重新分发吗？

Answer 1

这是对<article>元素的误用和对其语义的误解。 仅仅因为某些东西是“自包含的”并不意味着它应该是一个<article> 。

规范的这一部分——

...原则上，可独立分发或重复使用，例如在联合中。

— 意味着如果您将<article>的内容分享给没有其他上下文的其他人，则它本身就可以作为一个完整的独立文档有意义 — 无论该站点是否具有共享它的机制。

如果您无法想象通过电子邮件将页脚的文本发送给某人，主题是“嘿，看看这个”，那么它可能不属于<article>元素。

相比之下， <article>元素中可能应该包含的内容包括：

• 完成博客文章
• 天气预报
• 日记帐分录
• 新闻稿
• 等等

查看<article> ：文章内容元素参考指南以获取更多信息。

Answer 2

您会将此放在 1 页以上吗？ 如果是这样，你很好。 但是，我确实注意到您有超过 1 个标签，并且您的页面上永远不应有超过 1 个标签 - 通常保留给您的页面标题 - （如果您完全关心 SEO，它通常包含您想要排名的关键字）。

是否在页脚内部使用实际上取决于您要在其中放置的内容。 通常这个标签用于读起来像一篇文章的内容 - 一个故事。 您可以将所有内容都包装在标签中，但您实际上不必将其包装在任何东西中，因为您已经将其全部包装在

此视频显示了使用的不同 HTML 标签： https : //youtu.be/1TOZWUl54ws