一个组织的网站,说“太阳工业”,想添加一个员工名单。该组织的地址和联系信息已经存在于网页上,但员工名单将在其他地方。

所以我们有

<div id="organization" itemscope itemtype="http://schema.org/Organization">
  <span itemprop="name">Sun Industries</span>,<span itemprop="location" itemscope itemtype="http://schema.org/Place">
    <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress">Technologies Street 42</span>,<span itemprop="addressLocality">Venustown</span>
      <span itemprop="postalCode">98765</span>
    </span>
  </span>
</div>

后来我们将会有HTML5代码

<div id="employee-1" itemscope itemtype="http://schema.org/Person">
  <span itemprop="name">John Doe</span>,<span itemprop="jobTitle">Sales Manager</span>
</div>

我们如何将两个对象“组织”和“员工1”联系在一起?

我尝试将以下小孩添加到“employee-1”对象中

<Meta itemprop="worksFor" itemscope itemtype="http://schema.org/Organization" itemref="organization">

但这并不奏效(至少不在Google的结构化数据测试工具中)。

在这种情况下,如何正确使用microdata属性itemref?

为了清楚,我也尝试了以下几点:

>将itemprop =“worksFor”添加到“组织”对象。
>将itemref =“organization”添加到“employee”对象。

所以

<div id="organization" itemprop="worksFor" itemscope itemtype="http://schema.org/Organization">
  <span itemprop="name">Sun Industries</span>,...
</div>
...
<div id="employee-1" itemscope itemtype="http://schema.org/Person" itemref="organization">
  <span itemprop="name">John Doe</span>,<span itemprop="jobTitle">Sales Manager</span>
</div>

但是这给了我一个警告:页面包含属性“worksfor”,它不是模式的一部分。为“组织”对象。

解决方法

嗯,实际上你的最后一个代码片段看起来不错。
也许 Yandex Validator的输出会更加清晰
person
  itemType = http://schema.org/Person
  worksfor
    organization
      itemType = http://schema.org/Organization
      name = Sun Industries
  name = John Doe
  jobtitle = Sales Manager

几个其他工作的例子。

<body>
  <div id="organization" itemscope itemtype="http://schema.org/Organization" itemref="employee-1">
    <span itemprop="name">Sun Industries</span>,<span itemprop="location" itemscope itemtype="http://schema.org/Place">
      <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        <span itemprop="streetAddress">Technologies Street 42</span>,<span itemprop="addressLocality">Venustown</span>
        <span itemprop="postalCode">98765</span>
      </span>
    </span>
  </div>
  <div id="employee-1" itemprop="employee" itemscope itemtype="http://schema.org/Person">
    <span itemprop="name">John Doe</span>,<span itemprop="jobTitle">Sales Manager</span>
  </div>
</body>

给出以下内容:

organization
  itemType = http://schema.org/Organization
  employee
    person
      itemType = http://schema.org/Person
      name = John Doe
      jobtitle = Sales Manager
  name = Sun Industries
  location
    place
      itemType = http://schema.org/Place
      address
        postaladdress
          itemType = http://schema.org/PostalAddress
          streetaddress = Technologies Street 42
          addresslocality = Venustown
          postalcode = 98765

或这个

<body>
  <div id="employee-1" itemscope itemtype="http://schema.org/Person">
    <span itemprop="name">John Doe</span>,<span itemprop="jobTitle">Sales Manager</span>
    <Meta itemprop="worksFor" itemscope itemtype="http://schema.org/Organization"  itemref="organization">
  </div>
  <div id="organization">
    <span itemprop="name">Sun Industries</span>,<span itemprop="addressLocality">Venustown</span>
        <span itemprop="postalCode">98765</span>
      </span>
    </span>
  </div>
</body>

结果

person
  itemType = http://schema.org/Person
  name = John Doe
  jobtitle = Sales Manager
  worksfor
    organization
    itemType = http://schema.org/Organization
    name = Sun Industries
    location
      place      
        itemType = http://schema.org/Place
        address
          postaladdress
            itemType = http://schema.org/PostalAddress
            streetaddress = Technologies Street 42
            addresslocality = Venustown
            postalcode = 98765

规范对于使用itemref并不是很清楚,但是例子有帮助

<div itemscope id="amanda" itemref="a b"></div>
<p id="a">Name: <span itemprop="name">Amanda</span></p>
<div id="b" itemprop="band" itemscope itemref="c"></div>
<div id="c">
 <p>Band: <span itemprop="name">Jazz Band</span></p>
 <p>Size: <span itemprop="size">12</span> players</p>
</div>

HTML5 Microdata – itemref到另一个itemscope(Person适用于Organization)的更多相关文章

  1. ios – Swift Realm新手:一个简单的Realm对象及其初始化器的问题

    几周前我一直是Objective-C的开发人员,并且听说过Realm.另一方面,我一直希望一点一点地迁移到Swift,所以我创建了一个涉及RealmSwift的小项目.这是什么意思?如发现本站有涉嫌侵权/违法违规的内容,请发送邮件至dio@foxmail.com举报,一经查实,本站将立刻删除。

  2. android – 尝试为GreenDAO运行DaoGenerator时出现NoClassDefFoundError

    我有一个Android项目,使用AndroidStudio2.3,它使用GreenDAO生成与sqlite数据库交互的类.DaoGenerator项目之前总是工作……

  3. JSON schema配置规范使用教程

    这篇文章主要为大家介绍了JSON schema配置规范使用教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  4. Vue2 Element Schema Form 配置式生成表单的实现

    本文主要介绍了Vue2 Element Schema Form 配置式生成表单的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. iOS中使用schema协议调用APP和使用iframe打开APP的例子

    这篇文章主要介绍了iOS中使用schema协议调用APP和使用iframe打开APP的例子,用在浏览器中打开APP,需要的朋友可以参考下

  6. Monaco-editor 的 JSON Schema 配置及使用介绍

    这篇文章主要为大家介绍了Monaco-editor 的 JSON Schema 配置及使用介绍,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  7. ubuntu 12.04 安装openldap不开启加密验证

    系统环境:ubuntu12.04安装准备:berkeley-db和openldap版本一定要匹配或者都用最新版本,否则安装openldap的时候会出现很多麻烦问题。/usr/local/BerkeleyDB.4.7BerkeleyDB目录/usr/local/etc/openldapopenldap安装目录/usr/local/libexecopenldap的slapd二进制执行文件目录/usr/local/var/openldap-dataopenldap的数据库目录启动服务前,修改/usr/local

  8. PHP artisan迁移不创建新表

    提前致谢.这意味着Laravel首先尝试运行users表迁移.如果您正在开发中并且不需要保留数据,则可以删除users表,然后运行PHPartisanmigrate

  9. php – SQLSTATE [HY000] [2002]当doctrine:schema:create时不是目录

    从本地MysqL.sock创建符号链接到MAMP:

  10. azure – MSBuild在构建时失败,正在寻找旧版本的Microsoft.Data.Tools.Schema.Sql

    我还在构建服务器上安装了2012年6月的SSDT.编译成功,它实际上移动了所有文件并创建了一个包.但我得到这个错误使构建事件失败.我错过了什么?我收到以下错误消息:从注册表中删除了以下键,它解决了问题.

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部