<main>: Elemento MAIN
Última atualização: 2026-10-13
<main>Elemento MAIN
Representa o conteúdo dominante do documento, único e excluindo conteúdo repetido de nav/sidebar/footer.
| 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 </main> tag |
| Status | Padrão |
📝 Sintaxe
<main>conteúdo principal</main>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <main> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Use exatamente um main por documento; ele não pode ser descendente de article/aside/footer/header.
❓ Perguntas Frequentes
QQuantos main uma página pode ter?
AApenas um
<main> visível — não é permitido mais de um main não oculto no documento. Ele é o landmark único da «área de conteúdo principal», para onde o leitor de tela pode saltar direto. Ao alternar conteúdo em abas, use o atributo hidden para garantir que só um esteja visível por vez.Qmain pode ficar dentro de article ou header?
ANão.
<main> só pode ser filho direto de body, div e outros contêineres sem semântica; não pode ser aninhado dentro de <article>, <aside>, <header>, <footer> ou <nav>. A estrutura típica é header, main e footer no mesmo nível.Qmain ajuda no SEO?
AIndiretamente.
<main> ajuda mecanismos de busca e leitores de tela a localizar rapidamente o corpo do texto, filtrando o ruído de navegação e rodapé e melhorando o reconhecimento do conteúdo. Não é fator de ranqueamento, mas é boa infraestrutura de semântica.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
