css - 使用节元素进行风格布局和包装

Question

我经常将 div 用于风格布局（没有内容的标记，特别关注设计）和网站上的包装器。话虽如此，为什么不应该将部分用于此任务？

一个部分本身是否具有不鼓励将其用于包装器的固有语义含义？

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

Answer 1

是的，该section元素具有“固有语义”。请参阅 HTML5 规范中的定义：

• div元素：

  该div元素根本没有特殊含义。

• section元素：

  该section元素表示文档或应用程序的通用部分。在这种情况下，部分是内容的主题分组，通常带有标题。

要了解此含义的含义，请参阅我对问题HTML5 部分标记含义的回答？.

不用section作 CSS/JS 的包装器的最重要的论点是：每个都在文档的大纲section中创建一个条目。

不要section以您描述的方式用作包装器。使用div(resp. span) 代替。

如果使用section得当，当然还可以将它作为 CSS/JS 的选择器使用，因此无需为此添加另一个div。

Answer 2

我不是语义方面的专家，但我相信，例如，使用一个部分作为整个站点的包装器会覆盖此标记的任何语义功能。也就是说，搜索引擎等将其解释为一个div。