在HTML5中，<footer>元素与<article>元素的出现顺序是否有关系？

Question

在我正在处理的页面上，我注意到了以下模式：

<section>
    <header>Article Headline</header>
    <footer>
        <!-- publication date and author go here -->
    </footer>
    <article>
        <!-- article content goes here -->
    </article>
</section>

乍一看，我对在 <article> 之前出现 <footer> 元素的外观有些惊讶（我是一名后端开发人员，我的HTML技能可能没有磨练得那么好）。当被问及时，我的同事只是说这里使用的顺序使样式更容易，从语义上讲可能是可以接受的，而且顺序并不重要，但无法指向一个明确的来源。

我试图找到有关 <footer> 标签语义的一些信息，似乎可以说很多关于规则管理其允许的内容或其作为另一个标记的子项出现的外观的信息（我认为 description on MDN 特别好和清晰），但几乎没有关于顺序的信息。

我发现唯一提到 <footer> 顺序的是 W3C specification for HTML5

虽然页脚通常出现在部分末尾，但页脚不一定必须出现在部分末尾。

根据这些来源，我认为除了明确的父子关系之外，确实没有规定任何<article>和<footer>之间的关系。因此，我帖子开头的标记在语义上是正确的，如果它有其他用途，我们确实可以随意重新排列这些元素。

这个假设是否正确？我们还需要注意哪些其他注意事项吗？

- toniedzwiedz

Answer 1

是的，您的判断是正确的。无论页脚在其节区元素中的确切位置如何，只要它出现在所需的节区元素中，它始终是一个页脚。页脚的唯一区别特征是其中出现的内容类型，正如规范所建议的那样，可能包括：

页脚通常包含有关其节区的信息，例如谁编写了它，相关文档的链接，版权数据等等。

当footer元素包含整个节区时，它们代表附录、索引、长篇后记、冗长的许可协议以及其他类似内容。

- BoltClock

Answer 2

正文如下：

如§4.3.8页的页脚元素所述，

footer元素表示其最近的祖先 分区内容 或 分区根 元素的页脚。

因此，您可以自由移动它（如果不更改其部分），而不会改变其语义意义：成为该部分的页脚。

- Oriol