This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

article

Summary

The article element (<article>) defines a self-contained composition within a page.

Overview Table

DOM Interface
HTMLElement

“Article” is an element, first introduced in HTML5, for the purpose of relieving “div” fatigue and overuse. An article element might represent content like a:

  • forum post
  • magazine or newspaper article
  • blog entry
  • user-submitted comment
  • interactive widget or gadget

or any other independent item of content.

When article elements are nested, the inner article should be related to the contents of the outer article. For example, a blog entry on a site that accepts user-submitted comments might represent the comments as article elements nested within the article element for the blog entry.

Examples

The following example shows the basic structure of an article using article, header, and footer elements.

<article>
 <header>
  <h1>Article Heading</h1>
 </header>
 <p>Article Text</p>
 <p>...</p>
 <footer>Article Footer</footer>
</article>

Related specifications

HTML 5.1
W3C Working Draft
HTML 5
W3C Recommendation

See also

Other articles

nav - The HTML navigation element is often used as a child element of the article tag.

External resources

Attributions