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

Question

我目前正在开发一个电子商务项目,无法确定是否使用article,section或div来包装产品列表.

对于诸如promos之类的东西,有很多部分,我不想使用div,因为以下部分会有更大的含义并破坏它,但是它应该具有比以下部分更大的含义.

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

Answer 1

该section规范非常有启发性:

该section元素表示通用文档或应用程序部分.在这种情况下,一个部分是内容的主题分组,通常带有标题,可能带有页脚.

注意:该section元素不是通用容器元素.当为了样式目的而需要一个元素或为了编写脚本时,鼓励作者使用该div元素.

如果许多元素是主题相关的并且可以在共同标题下组合在一起(例如"鞋子"),那么将产品包装在一个section.

如果您要包装的元素不相关,则不能将它们分组到一个共同的标题下,并且只是为了样式而被包装然后使用a div.

为完整起见,article标签代表(来自同一页面):

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

所以你的待售物品将分别article在section.

作为最后一个方面说明,我就不会在整个包住页<div role="main">:肯定是头坐在外面的主要内容.