article — статья в web-документе

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

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

Автор информации, связанной с article элементом (см. в глоссарии тег address) не распространяется на вложенные теги article.

Этот пример показывает блог c использованием тега article, с некоторыми schema.org аннотациями:

<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 в этом случае было бы неправильно, но в принципе это вопрос авторских предпочтений.)