頁腳是獨立的文章嗎？

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