首页 > 解决方案 > 使用多个页脚(或页眉)元素作为相邻兄弟元素是否有效?

问题描述

我正在使用电子书。对于版权页面,详细信息页面包含有关我正在使用该footer元素的书籍和其他出版说明的一般信息。

现在,我有两个基本选择。其中之一是使用footer包含多个section元素的单个元素来容纳所有页面(总共 4 个)。另一种选择是拥有多个footer元素,每个元素都包含特定的页面。

第一个选项(只有一个footer带有多个section)对我来说似乎更好,除了当我验证 HTML 时,它说我需要为每个元素设置标题( h1、、h2等) 。section这样做的问题是我不想为这些次要部分使用标题,因为它们不如本书的主要内容重要,但是,这些标题将突出并放置在页面大纲的顶部,使它们看起来比实际更重要。

我可以有多个footer彼此相邻的兄弟元素吗?这在语义上有效吗?

我能找到的与此相关的另一个问题/答案是html5:使用页眉或页脚标签两次?,但它只是讨论了footer在一个页面中使用多个,但不一定将它们作为相邻的兄弟姐妹彼此相邻(footer一部分的多个)。

标签: htmlsemantic-markup

解决方案


HTML5 标准规定footer不允许嵌套元素。相邻不会嵌套。相邻意味着footer单个父元素的多个元素,或者看起来草率的并排页脚。请参阅 MDN

它真的归结为保持简单。问问自己,相邻或并排或双重footer元素的用例是什么?


推荐阅读