在我正在处理的页面上,我注意到以下模式:
<section>
<header>Article Headline</header>
<footer>
<!-- publication date and author go here -->
</footer>
<article>
<!-- article content goes here -->
</article>
</section>
乍一看,我对<footer>
之前<article>
元素的出现感到有点惊讶(我的后端开发人员和我的HTML技能并没有像他们那样磨练得那么多应该)。当被问到这个问题时,我的同事刚才说这里使用的顺序使得造型变得更容易,在语义方面可能很好,而且顺序并不重要,但无法指出我的确定来源。
我试图找到有关<footer>
标签语义的一些信息,似乎可以说很多关于管理其允许内容的规则或它作为另一个标签的子项的外观(我发现{ {3}}特别好看和清晰)但是关于排序的信息很少甚至没有。
我发现的<footer>
订单的唯一提及是description on MDN
页脚不一定要出现在某个部分的末尾,尽管它们通常都会出现。
基于这些来源,在我看来,确实没有规则指定<article>
和<footer>
之间的任何关系,而不是精心解释的亲子关系。因此,从我的帖子开始的标记在语义上是正确的,如果它用于其他目的,我们可以随意重新排序这些元素。
这个假设是否正确?还有其他需要注意的警告吗?
答案 0 :(得分:3)
是的,您的评估是正确的。页脚总是一个页脚,无论它在其切片元素中出现的位置如何,只要它出现在正确的切片元素中即可。页脚的唯一区别特征是它内部出现的内容,正如规范所示,它可能是:
页脚通常包含有关其部分的信息,例如谁编写,相关文档的链接,版权数据等。
当
footer
元素包含整个部分时,它们代表附录,索引,长版本,详细许可协议和其他此类内容。
答案 1 :(得分:2)
正如§4.3.8 The footer element所说,
footer
元素代表其最近祖先的页脚 sectioning content或sectioning root元素。
所以你可以自由地移动它(如果那不改变它的部分)而不改变它的语义:作为该部分的页脚。