The <article> element

The HTML <article> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable.

Syntax:

<article></article>

Attributes:

The <article> element may be similar to a <div> container, but it's not the same. A <div> container is still a block used to group elements into sections, while <article>, although mostly displayed as 'block' should be used as a container to body of text (thus the name article).

The best appliance of the <article> tag would be in blogs and other article based websites, forums or perhaps comments.

Example

The article tag basic example:

<!DOCTYPE html>
<html lang='en-us'>
<head><style type='text/css'>
    body{background-color:#343434;}
    article{background-color:#f4f4f4; padding:2px 5px;}
</style></head>
<body>
<article>	<div>		
    <h1>This is an article's heading</h1>
    <p>This article element is nesting a div element!</p>
    <p>Such and similar structures make migration to HTML5 easier.</p>
</div></article>
</body>
</html>

›› go to examples ››

The <article> element

Syntax:

Attributes:

Example

The article tag basic example:

Comments

About

Contact

Get Connected