Ads by ProfitSence
Close

HTML <section> Tag

Last Updated on Sunday 9th Oct 2022

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