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 |