html section
The section element usually has a heading that will tell the reader what to read in that particular section and the content.The section tag divides the content into section and subsections.
The main advantage of the section tag is, it is a semantic element.
In HTML5, we can define a section using the <section></section>
tags. We can have as many sections on our document page as we want.
html section tag
Syntax
<section>Section Contents</section>
Examples
<section> <h1>Section: Heading 1</h1> <p>Content of section 1</p> </section> <section> <h1>Section: Heading 2</h1> <p>Content of section 2</p> </section> <section> <h1>Section: Heading 3</h1> <p>Content of section 3</p> </section>
html tag section
Front End Frameworks and Libraries
<section> <h2>Front End Frameworks and Libraries</h2> <ul> <li>AngularJS</li> <li>React JS</li> <li>Vue JS</li> <li>Svelte</li> </ul> </section>
html5 sections
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
Element | Chrome | Edge | Mozilla | Safari | Opera |
---|---|---|---|---|---|
<section> | 5.0 | 9.0 | 4.0 | 5.0 | 11.5 |