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

Question

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

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

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

Answer 1

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

• div element:

  div 元素没有任何特殊含义。

• section element:

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

要了解此含义的含义，请参阅my answer 问题HTML5 section tag meanings?。

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

不要像你描述的那样使用 section 作为包装器。请改用div（或span）。

如果你适当地使用section，你当然可以将它用作CSS/JS的选择器，所以你不需要为此添加另一个div。

Answer 2

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