html5 – 我可以结合两个项目来描述一个项目吗?

前端之家收集整理的这篇文章主要介绍了html5 – 我可以结合两个项目来描述一个项目吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将微数据添加页面,但是一个项目的数据被分解成页面的几个不连续的部分.如果我有两个具有itemscope属性的span元素,是否可以使搜索引擎合并两个项目,并将它们解释为单个项目?

例如*:

<span itemscope itemtype="http://schema.org/Person">
    Hello,my name is <span itemprop="name">Glinda</span>.
</span>
I like to fly around in a giant bubble.
<span itemscope itemtype="http://schema.org/Person">
    I live in the <span itemprop="location">Land of Oz</span>.
</span>

有没有办法添加像itemid属性一样的东西来告诉网页蜘蛛应该将两个Person项目作为一个项目而不是两个项目来使用?

也许这样的东西

<span itemscope itemtype="http://schema.org/Person" itemid="7f6ba1">
    Hello,my name is <span itemprop="name">Glinda</span>.
</span>
I like to fly around in a giant bubble.
<span itemscope itemtype="http://schema.org/Person" itemid="7f6ba1">
    I live in the <span itemprop="location">Land of Oz</span>.
</span>

*我明白,在这个例子中,我只能使用一个大跨度,但是我不能用实际的页面来处理.

编辑:也许我需要一个更好的例子.这是有点设计,但表明我有问题.记住,重新组织页面不是一个选项.

<h1>Locations</h1>
  <ul>
    <li itemscope itemtype="http://schema.org/Person">
      <span itemprop="name">Bob</span> lives in <span itemprop="location">Berkeley</span>
    </li>
    <li itemscope itemtype="http://schema.org/Person">
      <span itemprop="name">Carol</span> lives in <span itemprop="location">Cupertino</span>
    </li>
  </ul>

<h1>Jobs</h1>
  <ul>
    <li itemscope itemtype="http://schema.org/Person">
      <span itemprop="name">Bob</span> works at <span itemprop="affiliation">Borders</span>
    </li>
    <li itemscope itemtype="http://schema.org/Person">
      <span itemprop="name">Carol</span> works at <span itemprop="affiliation">Capitol One</span>
    </li>
  <ul>

有没有办法使这个微数据导致两个人的项目,而不是四个?

我想要生活在伯克利的鲍勃,在边界工作,还有住在库比蒂诺的卡罗尔,在国会大厦一工作.

解决方法

如果我正确阅读 W3 itemref,可以使用itemref属性
<h1>Locations</h1>
  <ul>
    <li  itemscope itemtype="http://schema.org/Person" itemref="bob">
      <span itemprop="name">Bob</span> lives in 
      <span itemprop="homeLocation">Berkeley</span>
    </li>
    <li  itemscope itemtype="http://schema.org/Person" itemref="carol">
      <span itemprop="name">Carol</span> lives in 
      <span itemprop="homeLocation">Cupertino</span>
    </li>
  </ul>
<h1>Jobs</h1>
  <ul>
    <li itemprop="affiliation" itemscope itemtype="http://schema.org/Organization" id="bob">
      Bob works at <span itemprop="name">Borders</span>
    </li>
    <li itemprop="affiliation" itemscope itemtype="http://schema.org/Organization" id="carol">
      Carol works at <span itemprop="name">Capitol One</span>
    </li>
  <ul>

猜你在找的HTML5相关文章