The <section> tag is a generic semantic element of HTML5 which represents a generic document or application section. This element is called semantic because it provides meaning to both web browsers and humans about the enclosed content. Usually there should be a heading immediate after the <section> element is followed by relevant content.
Most of the people mess-up HTML5 <section> tag with <div> element and use it for making structural divisions or for implementing styles within a document. This is technically incorrect approach. For doing these <div> tag must be used instead of <section> element. As the <div> element is a non-semantic element, so it should be used in case of structural divisions and style implementations where semantic values of the enclosed content are not considered.
Web browser support:
HTML5 <section> tag is supported by latest versions of all web browsers. Internet Explorer 8 or earlier versions of Internet Explorer do not support this element.
There is a HTML5 <section> element example given below:
<section> <h1>This is the heading of the section</h1> <p>The content of the section</p> </section>