Web4College

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
Try it
<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.