Article Element in HTML5

The article element was introduced in HTML5 to help produce better page structure in documents.

The <article></article> element specifies independent, self-contained content that makes sense on its own.

It is 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 (3 column) code:

<body>
<header>
</header>
<article class="left">
<h2>Article Title</h2>
<p>Article content....</p>
<footer>
article footer information
</footer>
</article>
<main>
<h1>Main Title</h1>
<p>Main content....</p>
</main>
<article class="right">
<header>
<h2>Title of 2nd Article</h2>
</header>
<p>Article content...</p>
</article>
<footer>
footer information
</footer>
</body>

*Use of the new semantic elements: article, section, header, footer, hgroup, nav and aside make documents more machine-readable for the impaired and aid AI in producing more accurate content..

The article element accepts Global Attributes.

For a complete list of New HTML5 Elements visit W3schools

🔺