我应该使用'li'或'article'进行产品上市吗?

时间:2015-06-15 11:52:29

标签: html5 semantic-markup

我做了一些研究,没有找到合适的答案。我想知道是否最好继续使用产品列表中的li元素或者切换到article元素?

每个产品清单包含1个主要图片,名称和价格。

3 个答案:

答案 0 :(得分:3)

根据您描述产品列表的方式(图片+名称+价格),它似乎不符合article in HTML5的描述:

  

article元素表示构成文档或站点的独立部分的内容的一部分;例如,杂志或报纸文章,或博客条目。

问问自己:该内容是否会独立于其他页面内容?如果你脱离背景,它会自己有意义吗?如果答案是&#34;否&#34;,那么您应该考虑<article>可能不是最合适的标签。

如果要显示多个产品,则样式列表(有序或无序)似乎是最佳方法。但是检查一些实际案例:大公司是如何做到的?:

  • 亚马逊,Google购物,TMall和沃尔玛使用列表(olul
  • AliBaba和Ebay只使用div框而没有任何类型的列表。
  • 淘宝使用两者的组合(框中为div,名称和价格为ul

答案 1 :(得分:1)

这不是/或。

的问题

如果使用ul是合适的,则与使用article无关;如果使用article是合适的,则与使用ul无关。

如果每个产品的内容与article element的定义相符,则应使用它。

如果产品列表与ul element的定义匹配,则应使用它。

一般来说,列出某些产品(或产品宣传片)的典型网上商店,以及有关产品的一些内容/元数据,每个产品应使用article。如果ul应该使用more opinion-based

答案 2 :(得分:0)

只需保留li元素,然后从http://schema.org添加product schema即可获得语义标记