HTML Tag Reference - HTML tag <article>








The <article> element marks a self-contained content. An article could be a blog entry.

Browser compatibility

<article> Yes 9.0 Yes Yes Yes

What's new in HTML5

The <article> tag is new in HTML5.

Global Attributes

The <article> tag supports the Global Attributes in HTML.

Event Attributes

The <article> tag supports the Event Attributes in HTML.

Default CSS Settings

article { 
    display: block;
}




Example

A demo showing how to use article tag.

<!DOCTYPE HTML> 
<html> 
<body> 
    <article> 
        <header> 
            <hgroup> 
                <h1>H1</h1> 
                <h2>H2</h2> 
            </hgroup> 
        </header> 
        <p>text text text text text text text text text </p>
        <section> 
            <h1>H1</h1> 
            <p>text </p>
            <section> 
                <h1>H1</h1> 
                <p>text </p>
            </section> 
        </section> 
        <footer>
            <nav> 
                <p>text</p>
                <a href="">a link</a> 
            </nav> 
        </footer> 
    </article> 
</body> <!--  www. ja v  a 2s . com-->
</html>

Click to view the demo