The article element represents a self-contained composition in a document,
page,
application, or site and that is, in
principle, independently distributable or reusable, e.g. in syndication
This could be a
forum post
a magazine or newspaper article
a blog entry
a user-submitted comment
an interactive widget or gadget,
or any other independent
item of content
Each article should be identified, typically by including a heading
(h1-h6 element) as a child of the article
element
Notes
When article elements are nested, the inner article elements represent
articles that are in principle related to the
contents of the outer article
For instance, a blog entry on a site that accepts
user-submitted comments could represent
the comments as article elements nested within the article element for the
blog entry.
Example
HTML
<article>
<header>
<h1 class="revert">The Very First Rule of Life</h1>
<p><time pubdate datetime="2009-10-09T14:28-08:00"></time></p>
</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 class="revert">Comments</h1>
<article>
<footer>
<p>Posted by: George Washington</p>
<p><time pubdate datetime="2009-10-10T19:10-08:00"></time></p>
</footer>
<p>Yeah! Especially when talking about your lobbyist friends!</p>
</article>
<article>
<footer>
<p>Posted by: George Hammond</p>
<p><time pubdate datetime="2009-10-10T19:15-08:00"></time></p>
</footer>
<p>Hey, you have the same first name as me</p>
</article>
</section>
</article>
Browser
The Very First Rule of Life
If there's a microphone anywhere near you, assume it's hot and
sending whatever you're saying to the world. Seriously.
...
Comments
Yeah! Especially when talking about your lobbyist friends!