HTML5 and the Structure of HTML Documents
Article Element
The article element was introduced in HTML5 to help produce better page structure in HTML documents for those authors who require heavy editing features.
The code:
<article></article>
Represents an independent piece of content of a document, such as a blog entry ,newspaper article, forum post, a magazine article, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
The article element can enclose headers, sections, footers and other document structure tags, as well as other articles.
Example of code:
<body>
<article>
<style>
Define style for enclosed elements
</style>
<header>
<hgroup>
<h1>Article Title</h1>
</hgroup>
<p>A slogan or something related</p>
</header>
<section class="general">
<h1>Title of Section</h1>
<p>related information about section.</p>
</section>
<section class="appendix">
<h1>Title of Appendix</h1>
<p>Appendix information.</p>
</section>
<footer>
footer information
</footer>
</article>
</body>
*Use of the new elements article, section, header, footer, hgroup, nav and aside is a matter of the taste or the need of the author.
The article element accepts Global Attributes.
Note: Some of these new elements overlap in purpose.
For a complete list of New HTML5 Elements visit W3.org