The article tag is new in HTML5. In this article, we will discuss how to use the article tag in HTML5.
The article tag represents a component of a page that consists of a self-contained content in a document or page or application or site and that is intended to be independently distributable or reusable.
An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
The article tag in HTML5 specifies independent, self-contained content. The W3C has put the HTML5 article tag this way: “The article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.” An HTML5 article tag or its content should make sense on its own and it should be possible to distribute it independently from the rest of the site.
You can put these possible content types that comes under article tag are such as forum post, magazine article, blog entry, user-submitted comment and those interactive widget / gadget, etc.
You can nest an article tag in HTML5 into another. When HTML5 article tags are nested, the inner article elements represent articles that are in principle related to the contents of the outer article. The bulk of page content goes in the HTML5 article tag/element. But do not forget to break up pages into small parts or sections for a better reading experience. Also note that only latest browsers and versions support the new element. Earlier IE versions, like IE 8, do not support new article tag.