【问题标题】:HTML5 Microdata/Schema.org "Thing>Person" implementationHTML5 Microdata/Schema.org“事物>人”实现
【发布时间】:2013-05-15 18:26:19
【问题描述】:

使用 Microdata 为 itemtype=".../Person" 语义声明 itemprop="image" 的旧方法如下:

<section itemscope itemtype="http://data-vocabulary.org/Person">
    <h1 itemprop="name">Andy Runie</h1>
    <p>
        <img itemprop="photo" src="http://www.example.com/photo.jpg">
    </p>
</section>

很简单。


显然(根据 the documentation)以前的方法已被弃用,HTML5 微数据中使用的“新”模式是Schema.org

这取自 the documentation

Schema.org 文档显示“Thing”是“Person”的父级

itemprop="image" 现在位于“事物”下。而之前itemprop="photo" 位于“人员”之下。

根据 documentation(2a.schema.org 类型和属性)我们发现 Person > 继承自 事物...

问题: 使用这个新标准,我可以简单地使用以下内容在我的 HTML 中适当地显示 'isitemtype="http://schema.org/Person"`?

<section itemscope itemtype="http://schema.org/Person">
    <h1 itemprop="name">Andy Runie</h1>
    <p>
        <img itemprop="image" src="http://www.example.com/photo.jpg">
    </p>
</section>

【问题讨论】:

    标签: html seo microdata


    【解决方案1】:

    是的,你是对的。

    如果您导航到http://schema.org/Person,您可以使用所有提及的属性来描述一个人,其中包括来自Thing 的所有属性,例如图像、名称、描述和网址。

    【讨论】:

      【解决方案2】:

      当然。 好吧,实际上 schema.org/Person 页面下方有一个示例可以回答您的问题。

      <div itemscope itemtype="http://schema.org/Person">
        <span itemprop="name">Jane Doe</span>
        <img src="janedoe.jpg" itemprop="image" />
      ...
      </div>
      

      【讨论】:

        【解决方案3】:

        在这里您可以找到另一个使用 Schema.org 的示例,这次使用 itemprop="jobtitle" 和 itemprop="url" :example

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2016-11-30
          • 2016-03-18
          • 2018-11-13
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多