html5 – 我应该在产品列表中使用’li’或’article’吗?

前端之家收集整理的这篇文章主要介绍了html5 – 我应该在产品列表中使用’li’或’article’吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我做了一些研究,没有找到合适的答案.我想知道在产品列表中使用li元素或者切换到article元素是否更好?

每个产品列表包含1个主要图像,名称和价格.

解决方法

从描述产品列表(图像名称价格)的方式来看,它似乎不符合 article in HTML5的描述:

The article element represents a section of content that forms an independent part of a document or site; for example,a magazine or newspaper article,or a blog entry.

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

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

>亚马逊,谷歌购物,TMall和沃尔玛使用列表(ol或ul)> AliBaba和Ebay只使用没有任何类型列表的div框.>淘宝使用两者的组合(div为盒子,ul为名称和价格)

原文链接:https://www.f2er.com/html5/168834.html

猜你在找的HTML5相关文章