DONT ADD ANYTHING HERE!

  1. 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
  2. This could be a
    1. forum post
    2. a magazine or newspaper article
    3. a blog entry
    4. a user-submitted comment
    5. an interactive widget or gadget, or any other independent item of content
  3. Each article should be identified, typically by including a heading (h1-h6 element) as a child of the article element

Notes

  1. When article elements are nested, the inner article elements represent articles that are in principle related to the contents of the outer article
  2. 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

Posted by: George Washington

Yeah! Especially when talking about your lobbyist friends!

Posted by: George Hammond

Hey, you have the same first name as me.


Mnemonic

References