Microdata itemprop на родительском div с детьми

Question

Я добавляю Microdata на сайт и задаюсь вопросом, на каком уровне должно появиться свойство itemprop.

К примеру, у меня есть следующий код:

<div itemscope itemtype="http://schema.org/Article"> 
    <div class="author"> 
     <a href="http://www.author.com">Author's Name</a> 
    </div> 
</div> 

Где должен itemprop идти, в a элемент непосредственно или можно добавить его в <div class="author"> и будет обработан правильно?

Могу ли я иметь следующее:

<div itemscope itemtype="http://schema.org/Article"> 
    <div class="author" itemprop="author"> 
     <a href="http://www.author.com">Author's Name</a> 
    </div> 
</div> 

вместо

<div itemscope itemtype="http://schema.org/Article"> 
    <div class="author"> 
     <a href="http://www.author.com" itemprop="author">Author's Name</a> 
    </div> 
</div> 

Другими словами, делает itemprop свойство должны быть определены на элементе непосредственно (например, a или img) или его можно определить на обертке div с содержимым, фактически находящимся в дочернем элементе?

Answer 1

Это зависит от недвижимости (какое значение у нее должно быть).

itemprop на элементе с href или src атрибута (например, a или img) создает значение URI: он принимает значение атрибута href/src, а не содержимое элемента.

• Здесь author свойство имеет строковое значение "Author's Name ":

  <div itemprop="author"> 
      <a href="http://example.com/">Author's Name</a> 
  </div> 
  

• Здесь author свойство имеет значение URI" http://example.com/":

  <div> 
      <a href="http://example.com/" itemprop="author">Author's Name</a> 
  </div> 
  

Там есть еще несколько исключений, например, meter элемент или элемент time. Вы можете обратиться к резюме в my answer about datatypes in Microdata.

Оставляя эти исключения в стороне, если значение должно быть строкой, а у вас есть, скажем, только div элементов, не имеет значения, на каком элементе вы указываете itemprop, поэтому у этих трех фрагментов есть строка " bar "в качестве значения для foo собственности:

<div itemprop="foo"> 
    bar 
</div> 

<div itemprop="foo"> 
    <div> 
    bar 
    </div> 
</div> 

<div itemprop="foo"> 
    <div> 
    <div> 
     bar 
    </div> 
    </div> 
</div>