<head>: O Elemento HEAD
Última atualização: 2026-10-13
<head>O Elemento HEAD
O cabeçalho do documento que contém metadados não visíveis: title, charset, estilos, referências de scripts etc.
| 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 </head> tag |
| Status | Padrão |
📝 Sintaxe
<head>
<meta charset="UTF-8">
<title>Título</title>
</head>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <head> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： O conteúdo de head não é exibido no body; title e meta charset são cruciais para SEO e renderização.
❓ Perguntas Frequentes
QQuais elementos podem ficar dentro de head?
AÁrea exclusiva de metadados:
<title>, <meta>, <link>, <style>, <script>, <base>, <noscript>, <template>. Colocar conteúdo visível (como div) é inválido — o modelo de conteúdo do head admite apenas elementos de metadados.QHá exigência de ordem entre os elementos do head?
AAlguns:
<meta charset> precisa aparecer nos primeiros 1024 bytes (no começo é o mais seguro); <title> é obrigatório e recomenda-se cedo; o viewport meta deve vir antes de os estilos valerem. O resto — link/script/style — tem ordem livre, mas CSS crítico na frente reduz o bloqueio de renderização.Qhead pode ser omitida?
AO parser completa automaticamente, mas omitir desarruma a posição do title e demais metadados essenciais. A especificação exige title — sem head, o title escapa para o body. Escrever head explicitamente é postura básica.
🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
