Section tag defines the section of documents such as chapters, headers, footers or any other sections. The section tag divides the content into section and subsections. … The main advantage of the section tag is, it is a semantic element, which describes its meaning to both browser and developer.
What does a section element represent?
The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading. Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis.
<article> tag: The <article> tag is a self-completed tag, this can be used for any of those reasons, where <section> tag is required plus the <article> tag place the content independently. Article tag can be used to place any social post, magazine article, blogs, list of related contents, any independent content.
