文章，部分或div的产品清单？

Question

我目前正在开发一个电子商务项目，无法确定是否使用文章，部分或div来打包产品列表。

对于促销这样的事情有很多部分，我不想使用div，因为以下部分会有更大的含义并破坏它，但它应该具有比以下部分更大的含义。

我正在考虑文章标签，但我找不到在博客之外使用它的示例。我注意到人们认为单个项目（产品页面）可以接受，但是应该使用什么方法来浏览产品列表？

Answer 1

section specification非常有启发性：

  

section元素表示通用文档或应用程序部分。在此上下文中，一个部分是内容的主题分组，通常带有标题，可能带有页脚。

     

注意：section元素不是通用容器元素。当出于样式目的或脚本编写的便利性需要元素时，鼓励作者使用div元素。

如果许多元素是主题相关的，并且可以在一个共同的标题下组合在一起（例如“鞋子”），那么将产品包装在section中。

如果您要换行的元素不相关，则无法将其分组到一个共同的标题下，只是为了样式而被包装，然后使用div。

为完整起见，article标记代表（来自同一页面）：

  

文档，页面，应用程序或站点中的自包含组合，原则上可独立分发或可重复使用，例如，在联合。这可以是论坛帖子，杂志或报纸文章，博客条目，用户提交的评论，交互式小部件或小工具，或任何其他独立的内容项目。

因此，您的待售商品在article内均为section。

作为最后的注释，我不会将整个页面包裹在<div role="main">中：当然标题位于主要内容的外。