HTML <section> Tag

Última atualização em
Sexta-feira 13º mai 2022

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.

Elemento Chrome Edge Mozilla Safari Opera
<section> 5.0 9.0 4.0 5.0 11.5