<body>: O Elemento BODY
Última atualização: 2026-10-13
<body>O Elemento BODY
O corpo do documento que contém tudo que o usuário vê: textos, imagens, formulários e mais.
| Categoria | Estrutura do Documento |
|---|---|
| Modelo de Conteúdo | Filho do elemento raiz |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </body> tag |
| Status | Padrão |
📝 Sintaxe
<body>
<h1>Conteúdo visível</h1>
</body>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <body> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： body contém todo o conteúdo visível; layouts modernos usam tags semânticas como header/main/footer dentro dele.
❓ Perguntas Frequentes
QQuais eventos comuns podem ser escutados no body?
AA maioria dos eventos de página é despachada para body/window:
load (todos os recursos carregados), scroll (rolagem), resize (na prática no window), e delegação de cliques que borbulham até o body. Hoje, ouvintes globais ficam no window; o body cumpre o papel de raiz estrutural do DOM.QComo tirar a margem padrão do body?
AO navegador dá 8px de margem padrão ao body; para zerar:
body { margin: 0; } ou um reset moderno (* { margin: 0; } com box-sizing). É a primeira linha do CSS de quase todo projeto.Qbody só aceita conteúdo visível?
AO modelo de conteúdo do body é conteúdo de fluxo:
<script>, <template>, <noscript> e outros elementos invisíveis também são válidos. Mas <meta> e <title> não podem — são exclusivos do head.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
