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>

S Ghosh

Leave a Reply

Your email address will not be published. Required fields are marked *

× 4 = four

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>