关于html:使用section元素进行样式布局和包装

Using section element for stylistic layout and wrappers

我经常使用div进行风格布局(没有内容的标记块,特别关注设计)和站点上的包装器。既然如此,为什么部分不应该用于此任务?

一个部分本身是否有一个固有的语义意义,不鼓励将其用于包装器?

几乎我使用的每一页都有某种包装或风格布局。我想知道,为了逐步淘汰div,部分是否可以用于包装,并且在语义上仍然是正确的。


是的,section元素具有"固有语义"。参见HTML5规范中的定义:

  • div元素:


    The div element has no special meaning at all.

  • section元素:


    The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.

要理解这意味着什么,请参阅我关于问题HTML5部分标签含义的答案?.

不使用section作为css/js的包装器的最重要的理由是:每个section在文档大纲中创建一个条目。

不要像您描述的那样使用section作为包装。使用div(分别改为span

如果适当地使用section,当然还可以将它用作css/js的选择器,因此您不需要为此添加其他div


我不是语义学专家,但我相信使用一个部分作为整个站点的包装,例如,覆盖这个标记的任何语义函数。即搜索引擎等。将其解释为一个分区。