我可以把<section>放在<header>里面吗？

Question

我没有找到一份有关HTML5标签header和section(或footer和section)之间关系的参考资料。大多数示例将p元素放置在头部和页脚内。

将一个section元素置于头部中是否合法并且可行?

参考:

• 主要元素 - 您不能将main元素放入article中
• HTML5语义化元素中的"Nesting <article> in <section> or Vice Versa?" - 将article放入section中是有效的，反过来也可以（尽管语义不同）

- lofidevops

---

我认为将一个section放在header里并不重要，但是反过来做可能效果不佳（最好将header/footer作为父元素）。此外，我发现div元素不能在section内部工作，但是将section放在div中并没有出现问题。这是一个关于你的header的小示例：https://jsfiddle.net/RachGal/m5dfL8gL/ - Rachel Gallen

关于最后一个参考（将article嵌套在section中或反之亦然）的附注：那是错误的建议。这确实很重要，因为这两种情况在语义上是不同的。 - unor

@unor 根据您的评论更新了我的总结。 - lofidevops

Answer 1

可以的。

正式来说，header元素的内容模型是：

流内容，但没有标题或页脚元素后代。

section元素可用的上下文是：

期望分区内容的地方。

分区内容是流内容的子集，因此这意味着它可以出现在任何需要流内容的地方，除了明确禁止的地方，例如上面所述的标题元素。

（目前被明确禁止的地方包括作为address、dt和th元素的后代。）

- Alohci