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