<article>

The <article> semantic tag represents a part of a page which is self-contained and could be published elsewhere. Some common uses include blog posts or magazine articles.

Syntax

<article>
<!-- Article content goes inside the tag. -->
</article>

<article> is a tag that wraps around a block of HTML giving it semantic meaning. It has no special attributes, and by default will act similarly to a <div>.

Example

Suppose that there is a need to layout multiple posts about coding practices for a new site. It would be semantically correct to use the <article> tag, as below:

<h1>FizzBuzz Feed</h1>
<article>
<h2>How I Learned to Love Conditionals</h2>
<p>First paragraph of first article.</p>
<p>Second paragraph of first article.</p>
</article>
<article>
<h2>Nineteen New Uses for HTML Canvas</h2>
<p>First paragraph of second article.</p>
<p>Second paragraph of second article.</p>
</article>

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn HTML on Codecademy

Contributors