与 schema.org 面包屑列表一起使用时元标记破坏 HTML 验证

Question

我正在使用 schema.org 中的面包屑列表。他们声明我们需要使用元标记来指定项目的顺序。

• 它破坏了我的 HTML 验证，还有其他指定顺序的方法吗？
• 元标记在 Brands
一词前添加 space

这是我的标记：

<ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="/">
      <span itemprop="name">My Website</span>
    </a>
    <meta itemprop="position" content="1" />
  </li>
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
    <span itemprop="item">
      <span itemprop="name">Brands</span>
    </span>
    <meta itemprop="position" content="2" />
  </li>
</ol>

输出将如下所示：

My Website / Brands

Answer 1

您的代码段有效 HTML5（meta element may appear in the body 如果用于微数据，在您的示例中就是这种情况）。

如果您不想显示值，使用 meta 元素是正确的选择。您可以将它放在 ListItem 内的任何位置（例如，在 link 或名称旁边的同一行上，以省略创建空格）。

请注意，您 没有 使用 position 属性。 Schema.org 从不需要任何属性。