Просмотров: 1 893

Элемент article.

Категории Контекст, в котором может быть использован: Контентная модель:
потоковый контент, секционирующий контент, явный контент. в потоковом контенте. потоковый контент.

Выдержки из спецификации:

Элемент article отображает часть документа, которая может использоваться самостоятельно сама по себе. Это может быть пост форума, статья журнала или газеты, запись в блоге, комментарий, отправленный пользователем, интерактивный виджет или гаджет или другая независимая часть контента.

Когда элемент article является вложенным в другой элемент article, он отображает информацию, которая относится к контенту внешнего элемента article. К примеру, заметка в блоге, которая имеет комментарий, отправленный пользователем, может содержать этот комментарий в элементе article, который будет вложенный в элемент article для заметки блога.

Информация об авторе связанная с элементом article (например, элемент address) не должна использоваться во вложенных элементах article.

Вот пример использования элемента article для поста блога:

<article itemscope itemtype="http://schema.org/BlogPosting">
 <header>
  <h1 itemprop="headline">The Very First Rule of Life</h1>
  <p><time itemprop="datePublished" datetime="2009-10-09">3 days ago</time></p>
  <link itemprop="url" href="?comments=0">
 </header>
 <p>If there's a microphone anywhere near you, assume it's hot and sending whatever you're saying to the world. Seriously.</p>
 <p>...</p>
 <footer>
  <a itemprop="discussionUrl" href="?comments=1">Show comments...</a>
 </footer>
</article>

Вот пример использования того же поста блога, но в нем уже используются комментарии:

<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="headline">The Very First Rule of Life</h1>
<p><time itemprop="datePublished" datetime="2009-10-09">3 days ago</time></p>
<link itemprop="url" href="?comments=0">
</header>
<p>If there's a microphone anywhere near you, assume it's hot and
sending whatever you're saying to the world. Seriously.</p>
<p>...</p>
<section>
<h1>Comments</h1>
<article itemprop="comment" itemscope itemtype="http://schema.org/UserComments" id="c1">
<link itemprop="url" href="#c1">
<footer>
<p>Posted by: <span itemprop="creator" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">George Washington</span>
</span></p>
<p><time itemprop="commentTime" datetime="2009-10-10">15 minutes ago</time></p>
</footer>
<p>Yeah! Especially when talking about your lobbyist friends!</p>
</article>
<article itemprop="comment" itemscope itemtype="http://schema.org/UserComments" id="c2">
<link itemprop="url" href="#c2">
<footer>
<p>Posted by: <span itemprop="creator" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">George Hammond</span>
</span></p>
<p><time itemprop="commentTime" datetime="2009-10-10">5 minutes ago</time></p>
</footer>
<p>Hey, you have the same first name as me.</p>
</article>
</section>
</article>

Заметьте, что элемент footer используется для каждого комментария, и дает информацию о том, кто и когда его написал. В случае необходимости, элемент footer может появляться в начале подобных разделов. Использование элемента header в таких случаях тоже было бы уместно, это вопрос авторского предпочтения.