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.

<article>
<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>

</>
header

header tag represents a block of content that contains heading and other navigation links.

div

div is a generic type of element and should be used only for stylish purposes.

footer

footer is placed the end of a page or a section. It contains copyright and contact information of a website.

Tag Uses

Specific uses of <article> tag

Common uses of article tag are given below

  • newspaper article

  • social media post

  • blog post

In semantic meanings, article tag must describe a complete block of content related to a major topic.

It must have some heading (<h1>-<h6>) that represents an independent block of content.

Tag omission

Both starting and ending tags are necessary for the article

Global Attributes

All global attributes are applicable on the article element.



Was this article helpful?