The section tag (<section>) 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 tag is followed by relevant content.
Most of the people mess-up HTML5 section element 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 element 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.
Important point need to be remembered:
- HTML5 section element is supported by latest versions of all web browsers. Internet Explorer 8 or earlier versions of Internet Explorer do not support section element.
There is a HTML5 section tag example given below:
<section> <h1>This is the heading of the section</h1> <p>The content of the section</p> </section>