<footer>: Elemento FOOTER
Última atualização: 2026-10-13
<footer>Elemento FOOTER
Representa o rodapé do conteúdo de seccionamento mais próximo ou do elemento raiz, geralmente autor, direitos autorais, contato ou links relacionados.
| 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 </footer> tag |
| Status | Padrão |
📝 Sintaxe
<footer>conteúdo do rodapé</footer>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <footer> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： O conteúdo do rodapé deve se relacionar à sua seção; direitos autorais costumam ficar no rodapé da página.
❓ Perguntas Frequentes
Qfooter só pode ser usado no rodapé da página?
ANão.
<footer> indica «o rodapé da seção mais próxima ou do elemento raiz»; cada <article> e <section> pode ter seu próprio footer (como dados do autor ao fim do texto e links de referência). O footer de nível de página costuma mesmo é ficar no ponto mais baixo.Qfooter pode conter navegação?
ASim. Navegação de rodapé (mapa do site, termos legais, redes sociais) já é conteúdo típico de footer, e a especificação considera desnecessário envolver em
<nav> nesse caso; se a navegação for complexa ou precisar da semântica de landmark independente, pode-se aninhar <nav> dentro do footer.QQual é a relação entre footer e address?
ACombinação comum:
<address> dentro de <footer> fornece as informações de contato. A divisão semântica: footer representa a «área» (copyright, links, apêndice) e address, o «contato do autor» — cada um com seu papel.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
