<!doctype>: A Declaração DOCTYPE
Última atualização: 2026-10-13
<!doctype>A Declaração DOCTYPE
Declara o tipo de documento para o navegador saber qual versão de HTML usar. Deve ser a primeira linha de um documento HTML e aparecer exatamente uma vez. Páginas modernas usam <!DOCTYPE html> para ativar o modo padrão.
| Categoria | Estrutura do Documento |
|---|---|
| Modelo de Conteúdo | Antes de tudo, antes de |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Auto-fechante — nenhuma tag de fechamento necessária |
| Status | Padrão |
📝 Sintaxe
<!DOCTYPE html>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <!doctype> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： DOCTYPE não é uma tag HTML, mas uma declaração; omiti-lo ativa o modo peculiar (quirks) com renderização inconsistente.
❓ Perguntas Frequentes
QPara que serve a declaração DOCTYPE?
A
<!DOCTYPE html> informa ao navegador «renderize esta página em modo padrão». Sem ela, o navegador entra em modo de peculiaridades (quirks mode), com box model, cálculo de altura de linha e outros cálculos seguindo regras antigas — a página apresenta desvios estranhos de layout.QDOCTYPE é obrigatoriamente maiúsculo? Pode ser minúsculo?
AMaiúsculas e minúsculas tanto faz;
<!doctype html> em minúsculas é perfeitamente válido. O costume de escrever em maiúsculas é por visibilidade — ela deve ser a primeira linha do documento, sem nenhum caractere antes (nem linha em branco nem comentário). O doctype do HTML5 é o mais curto de todas as versões.QPor que os DOCTYPE anteriores ao HTML5 eram tão longos?
AAs versões antigas (HTML4/XHTML) incluíam o endereço do DTD, como
-//W3C//DTD HTML 4.01//EN mais uma URL comprida, para os validadores referenciarem a definição do tipo de documento. O HTML5 simplificou para 15 caracteres, sem mais DTD.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
