如何从标题中的元标记正确引用微数据项？答案

【问题标题】：How to correctly reference Microdata item from meta tag in header?如何从标题中的元标记正确引用微数据项？
【发布时间】：2016-03-18 11:18:20
【问题描述】：

<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebSite">
<head>
  <meta itemprop="creator" itemscope itemref="mdFoo">
</head>
<body>

 <div id="mdFoo" itemscope itemtype="http://schema.org/LocalBusiness">
        <meta itemprop="name" content="Foo comp">
        <meta itemprop="telephone" content="0">
        <meta itemprop="legalName" content="Foo comp Ltd">
        <meta itemprop="url" content="http://www.foo.com">
        <meta itemprop="email" content="info@foo.com">
        <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
            <meta itemprop="streetAddress" content="mystreet">
            <meta itemprop="postalCode" content="1233">
            <meta itemprop="addressLocality" content="London">
            <meta itemprop="addressCountry" content="UK">
        </div>
    </div>

</body>
</html>

当使用 Google (https://google.com/webmasters/markup-tester/) 进行验证时：“WebSite 不是有效类型。”

使用 https://validator.nu/ 会给我“元素元缺少必需的属性内容”。

关于如何解决此问题的任何建议？

【问题讨论】：

这可能会有所帮助：stackoverflow.com/questions/10279277/…
首先用/> 终止您的meta 标签。
为什么？也是正确的。这不是必需的，对于也是如此。它是 html5 而不是 xhtml...见：w3schools.com/tags/tag_meta.asp
请注意，您已链接到 Google 的电子邮件测试工具。你可能想要的测试工具是developers.google.com/structured-data/testing-tool

标签： html schema.org microdata

【解决方案1】：

您必须在要添加属性的itemscope 上指定itemref（即，在您的情况下为html 元素）。而具有相应id 的元素必须得到itemprop。

但是，在您的情况下，您不需要meta 元素，也不需要使用itemref：

<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebSite">
<head>
  <title>…</title>
</head>
<body>

  <div itemprop="creator" itemscope itemtype="http://schema.org/LocalBusiness">
  </div>

</body>
</html>

但是假设您在body 上使用另一个itemscope（例如，用于WebPage 项目），在这种情况下您需要使用itemref：

<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebSite" itemref="mdFoo">
<head>
  <title>…</title>
</head>
<body itemscope itemtype="http://schema.org/WebPage">

  <div itemprop="creator" itemscope itemtype="http://schema.org/LocalBusiness" id="mdFoo">
  </div>

</body>
</html>

现在creator 属性将应用于这两个项目（WebSite 感谢itemref，WebPage 因为它是一个孩子）。

【讨论】：