与 schema.org 面包屑列表一起使用时元标记破坏 HTML 验证
Meta tag breaking HTML validation when using it with schema.org breadcrumblist
我正在使用 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
您的代码段有效 HTML5(meta
element may appear in the body
如果用于微数据,在您的示例中就是这种情况)。
如果您不想显示值,使用 meta
元素是正确的选择。您可以将它放在 ListItem
内的任何位置(例如,在 link 或名称旁边的同一行上,以省略创建空格)。
请注意,您 没有 使用 position
属性。 Schema.org 从不需要任何属性。
我正在使用 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
您的代码段有效 HTML5(meta
element may appear in the body
如果用于微数据,在您的示例中就是这种情况)。
如果您不想显示值,使用 meta
元素是正确的选择。您可以将它放在 ListItem
内的任何位置(例如,在 link 或名称旁边的同一行上,以省略创建空格)。
请注意,您 没有 使用 position
属性。 Schema.org 从不需要任何属性。