section html

O elemento seção geralmente tem um título que dirá ao leitor o que ler nessa seção específica e no conteúdo. A tag de seção divide o conteúdo em seção e subseções.

A principal vantagem da tag de seção é que é um elemento semântico.

Em HTML5, podemos definir uma seção usando as tags <section></section>. Podemos ter quantas seções na nossa página de documentos quisermos.

Sintaxe

			
					<section>Conteúdo da seção</section>

			
	

			
	
			

		
	

Exemplos

			
					<section>
  <h1>Seção: Título 1</h1>
  <p>Conteúdo da seção 1</p>
</section>
<section>
  <h1>Seção: Título 2</h1>
  <p>Conteúdo da seção 2</p>
</section>
<section>
  <h1>Seção: Título 3</h1>
  <p>Conteúdo da seção 3</p>
</section>

			
	

			
	
			

		
	

tag section

Estruturas front-end e bibliotecas

			
					<section>
  <h2>Estruturas front-end e bibliotecas</h2>
  <ul>
    <li>AngularJS</li>
    <li>React JS</li>
    <li>Vue JS</li>
    <li>Svelte</li>
  </ul>
</section>

			
	

			
	
			

		
	

html section

Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que suporta totalmente o elemento.