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.
<p>Mostly used browser names</p>
<p>header tag represents a block of content that contains heading and other navigation links.</p>
<p>div is a generic type of element and should be used only for stylish purposes.</p>
<p>footer is placed the end of a page or a section. It contains copyright and contact information of a website.</p>
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.
Common uses of article tag are given below
social media post
Both starting and ending tags are necessary for the article element.
All global attributes are applicable on the article element.
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.