Article Tag in HTML5

HTML <article> tag represents complete, independent block of content. It is self-contained which means that neither it is influenced by any other topic nor it is connected to any other topic to complete an article.

Example

<article>
<p>Mostly used browser names</p>
<h2>header</h2>
<p>header tag represents a block of content that contains heading and other navigation links.</p>

<h2>div</h2>
<p>div is a generic type of element and should be used only for stylish purposes.</p>

<h2>footer</h2>
<p>footer is placed the end of a page or a section. It contains copyright and contact information of a website.</p>
</article>
Try </>

In semantic meanings, article tag must describe a complete block of content related to a major topic and it should represent a subtopic. It must have some heading (<h1>-<h6>) that represents an independent block of content.

If you don't write any of the headings in article, it is semantically not correct. If you check article without heading in markup validator, it gives an error. It must have some heading that represents a specific topic.

Specific Uses

Common uses of article tag are given below

  • newspaper article

  • social media post

  • blog post

Tag omission

Both starting and ending tags are necessary for the article element.

Global Attributes

All global attributes are applicable on the article element.

Important points

  • article must have some heading (<h1>-<h6>).

  • article is not a generic element while div is a generic type of element that is not related to any topic.

  • It may consist of sections and each section covers a sub topic of an article.

  • It may contain header and footer tags. header contains headings and footer contains comments of a post.



Was this article helpful?

 

Email:

Message:

Get the newsletter