电子商务的 HTML5 官方示例 [关闭]答案

【问题标题】：HTML5 official examples for e-commerce [closed]电子商务的 HTML5 官方示例 [关闭]
【发布时间】：2013-02-05 15:53:49
【问题描述】：

在构建新的在线商店（基于 magento）时，我们考虑使用新的 HTML5 标签，如 <header><footer><section><article> 等。

我们阅读了许多描述如何使用标签的博客/网站 - 不幸的是，大多数时候作者使用博客或新闻网站作为他们的示例，而不是具有登录页面、类别页面、产品的典型电子商务商店页。

此外，我们发现一些商店已经在使用上述标签 - 但它们的做法不同。

因此，我们想知道是否有人知道是否有任何（可能是官方的）关于如何构建的示例，例如带有 HTML5 标签的类别或产品页面。

【问题讨论】：

【解决方案1】：

许多 HTML5 标记都有自己的语义含义并且是不言自明的。没有硬性规定。

<figure> 用于图像或图表。

<section> 用于部分或类别等。

实际上并没有任何标准，除了在您选择标签时尽量合乎逻辑。虽然您可以找到examples 了解人们如何使用它们，但在更大的计划中，这并不重要。 重要的是驱动客户进行购买的因素以及具有支持 SEO 的体面结构。

如果您真的想了解可以实际使用的语义标记（例如在 Google Offers 中），那么您可能需要考虑使用微格式架构作为替代方案。

【讨论】：