使用section元素进行样式布局和包装

Question

我经常将div用于样式布局（没有内容的标记段，专门用于设计）和站点上的包装。这么说，为什么不应该将节用于此任务？

节本身是否具有固有的语义含义，因此不鼓励将其用于包装程序？

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

Answer 1

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

• div元素：

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

• section元素：

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

要了解此含义是什么，请参阅我对问题HTML5部分标签含义的回答？。

对于最重要的参数不使用section为CSS / JS的包装是：每个section创建的条目大纲文档的。

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

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