Как использовать элемент схемы "UserComments"?


Допустим, у меня есть такая наценка:

<ul id="comments">

  <li class="comment"> 
    <div class="author">on Friday 3th, Jenny said:</div>
    <div class="content"><p>bla bla</p></div> 
  </li>

  <li class="comment"> 
    <div class="author">on Friday 3th, Jenny said:</div>
    <div class="content"><p>bla bla</p></div> 

    <ul class="level-2">
      <li class="comment"> 
        <div class="author">on Friday 3th, Mary said:</div>
        <div class="content">stfu jenny</div> 
      </li>       
    </ul>
  </li>
  ...

Как я могу использовать пункт "UserComments" в этой надбавке ? http://schema.org/UserComments

Куда добавить itemscope itemtype="http://schema.org/UserComments"? Один раз в контейнере списка или несколько раз в каждом элементе списка?

3 10

3 ответа:

В соответствии со спецификациями типизированных элементов HTML5 Microdata , Вы можете добавить его в контейнер раздела комментариев, например

<section itemscope itemtype="http://example.org/animals#cat">
 <h1 itemprop="name">Hedral</h1>
 <p itemprop="desc">Hedral is a male american domestic
 shorthair, with a fluffy black fur with white paws and belly.</p>
 <img itemprop="img" src="hedral.jpeg" alt="" title="Hedral, age 18 months">
</section>

Таким образом, область действия элемента для вашего раздела комментариев будет отформатирована следующим образом (с учетом свойств элемента):

<ul id="comments" itemscope itemtype="http://schema.org/UserComments">

  <li class="comment"> 
    <div itemprop="name" class="author"><span itemprop="commentTime">on Friday 3th</span>, Jenny said:</div>
    <div itemprop="commentText" class="content"><p>bla bla</p></div> 
  </li>

  <li class="comment"> 
    <div itemprop="name" class="author"><span itemprop="commentTime">on Friday 3th</span>, Jenny said:</div>
    <div itemprop="commentText" class="content"><p>bla bla</p></div> 

    <ul class="level-2">
      <li class="comment"> 
        <div itemprop="name" class="author"><span itemprop="commentTime">on Friday 3th</span>, Mary said:</div>
        <div itemprop="commentText" class="content">stfu jenny</div> 
      </li>       
    </ul>
  </li>
...

Вы не должны использовать itemprop= "name", а вместо этого использовать"creator".

Еще примеры... http://homebiss.blogspot.com/2011/11/schema-markups-blogger-comments.html

Каждый комментарий будет являться собственным элементом (UserComments в вашем примере). Вы также можете использовать элемент article для каждого комментария.

<article itemscope itemtype="http://schema.org/UserComments">
  <header>
    on 
    <time itemprop="commentTime" datetime="…">Friday 3th</time>, 
    <span itemprop="creator" itemscope itemtype="http://schema.org/Person">
      <span itemprop="name">Jenny</span>
    </span> 
    said:
  </header>
  <p itemprop="commentText">bla bla</p>
</article>
Однако теперь есть также комментарий , который кажется более подходящим, потому что это творческая работа (а не событие, как UserComments).