html - 我应该使用 'li' 还是 'article' 来列出产品?

标签 html semantic-markup

我做了一些研究,但没有找到合适的答案。我想知道是否最好继续使用 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>可能不是最合适的标签。

如果您有多个产品要显示,样式列表(有序或无序)似乎是最好的方法。但是检查一些实际案例:大公司是如何做到的?:
  • 亚马逊、谷歌购物、天猫和沃尔玛使用列表(olul)
  • 阿里巴巴和 Ebay 只是使用 div没有任何类型列表的框。
  • 淘宝使用两者的组合(div 为盒子,ul 为名称和价格)
  • 关于html - 我应该使用 'li' 还是 'article' 来列出产品?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30844508/

    相关文章:

    javascript - 创建 Gmail 共享链接

    html - 具有相同源 src 的多个图像 <img> 标签

    javascript - 如何使旋转元素高度为:100% of its parent?

    html - 从 HTML5 规范中删除了 HGROUP 元素。可以使用什么替代技术来代替?

    html - 垂直对齐同一行的照片

    jquery - 使用 jQuery 断点停止 Sticky Div 脚本

    php - 使用 SimpleXML 解析 PHP 中嵌套的 XML/RDF 命名空间元素

    html - 从语义上推荐哪些 HTML 元素用于关键字索引(书籍中)?

    xhtml - 在 XHTML 中标记推荐书的最佳方法是什么?

    html - 哪个语义 HTML 标记用于显示旁注和警告?