哪些HTML5标记在语义上正确地表示电子商务产品？

我应该用无序列表包装产品吗

我如何让产品在没有JavaScript的情况下，仅仅使用HTML就可以点击？我可以用以下材料包装每个产品：

这是我的密码：

我的产品
产品1
五十$

产品2
130$

尼康D7000
56$

首先，是的，您需要使用

并将产品包装在
属性中。不要在没有使用
的情况下放置

因此，您的代码如下所示：

<section id="my-products">
  <h1>My Products</h1>
  <ul>
    <li>
      <a href="product_link">
        <article class="product-item" itemscope itemtype="http://schema.org/Product">
          <h2 itemprop="name">Product 1</h2>
          <img src="images/product1.png" alt="product 1">
          <p><data value="50">50</data>$</p>
        </article>
      </a>
    </li>
    <li>
      <a href="product_link">
        <article class="product-item" itemscope itemtype="http://schema.org/Product">
          <h2 itemprop="name">Product 2</h2>
          <img src="images/product2.png" alt="product 2">
          <p><data value="130">130</data>$</p>
        </article>
      </a>
    </li>
    <li>
      <a href="product_link">
        <article class="product-item" itemscope itemtype="http://schema.org/Product">
          <h2 itemprop="name">Nikon D7000</h2>
          <img src="images/product3.png" alt="product 3">
          <p><data value="56">56</data>$</p>
        </article>
      </a>
    </li>
  </ul>
</section>


我的产品








对于产品而言，
文章
元素是正确的选择

如果您有产品列表，您可以使用
ul
元素，但是。将多个
文章
元素放置在一个
部分
元素中而不放置
ul
元素也可以

要使产品的全部内容可点击，您可以将所有内容包装在
a
元素中。但是不要使用
而是使用
书签
链接类型：


好的，谢谢，听起来比
更适合我，是的，你为什么不想在这里使用
文章
？在使用标题时，无论如何都要创建隐式节，但最好是使节显式。因此，应该使用分段内容元素，
文章
是这里的合适选择。这就是我开发网站的方式。我在产品详细信息页面中使用
文章
，而不是在包含照片、名称和价格的列表中使用。这不是一篇完整的文章。你可以看到其他网站，比如，它们在列出产品时都没有使用
文章
标签。不必是完整的内容，只要是自包含的（例如，可以出现在提要中等）。当然，在某些情况下，您不需要分段内容元素（例如，如果您只将产品名称链接到产品页面），但只要使用标题元素（
h1
-
h6
），就可以创建分段，HTML规范建议将分段显式化。然后您可以在
部分
和
文章
之间进行选择，并且产品（或产品摘要）的案例与
文章
的定义相匹配。我编辑了我的答案以使用
而不是
，只是想解决一些误解。“不要不使用就放”-这在我看来更像是个人意见。使用h3而不使用h2是可以的。（当两者都用于相同的分区内容，且h3位于h2之前时，问题就会出现）“用标签包装您的产品”-这取决于意图。这是您正在展示的产品的链接列表还是产品列表。
文章
标签不适合此示例，请参见此@GhassenRjab：我不同意该答案（正如我在这里的答案中所链接的，我也给出了该问题的答案）。如果您的产品摘要有一个标题，您应该使用一个sectioncontent元素。由于
导航
和
旁白
不合适，因此只有
部分
或
文章
。产品摘要仍然是“独立的”（你不需要上下文来理解它），因此
文章
是更具体的（“语义”）选择。我同意@unor的独立内容，这些内容可以从这个网站上删除，并且仍然是可以理解的，比如博客文章和产品。