<section>: Elemento SECTION
Última atualização: 2026-10-13
<section>Elemento SECTION
Representa uma seção autônoma de conteúdo, geralmente com um título. Bom para agrupar conteúdo relacionado.
| Categoria | Semântico |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </section> tag |
| Status | Padrão |
📝 Sintaxe
<section>conteúdo da seção</section>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <section> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Se for apenas para estilo, use div; use section apenas quando houver semântica real de seção.
❓ Perguntas Frequentes
QQual é a diferença entre section e div?
A
<section> é «agrupamento de conteúdo com tema», e quase sempre deve vir com um título (h2-h6); <div> não tem semântica, existe só para layout e estilo. Se o conteúdo tem tema próprio e precisa de título, use section; se é só embrulho de layout, use div.QComo escolher entre section e article?
AConteúdo que se sustenta por si só e mantém significado fora da página (artigo, comentário, cartão de produto) usa
<article>; agrupamento apenas de capítulos (como «Introdução», «Uso», «Perguntas frequentes») usa <section>. Na dúvida, section é a escolha mais conservadora.Qsection precisa ter título?
AFortemente recomendado. A especificação diz que o tema de uma section «normalmente deve aparecer em um título»; section sem título fica com semântica ambígua no outline do documento. Se realmente não houver pretensão de título, provavelmente o certo é trocar por
<div>.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
