HTML DOCTYPE

Nesta documentação aprenda sobre o !DOCTYPE html, como aplicar a declaração no código HTML e como podemos utilizá-la para informar ao navegador a versão do documento HTML.

<!DOCTYPE>

O <!DOCTYPE> é uma declaração para informar ao navegador qual é a versão do HTML utilizada no documento.

Todos os documentos HTML devem começar com uma declaração <!DOCTYPE>.

A partir da versão 5 o HTML deixou de ser baseado em SGML (Standard Generalized Markup Language), e com isso a forma de declarar o DOCTYPE foi simplificada.

Como declarar o <!DOCTYPE>?

O <!DOCTYPE> deve ser declarado antes das tags HTML. Essa declaração é a primeira linha do código.

A declaração doctype é case insensitive, ou seja, não diferencia letras maiúsculas de letras minúsculas.

Sintaxe: declarando o Doctype no HTML5

Na versão atual do HTML (HTML5), a forma de declarar o doctype ficou muito mais simples. Veja no Código 1 a sintaxe de declaração no HTML5.

<!DOCTYPE html>
Código 1. Sintaxe de declaração do Doctype no HTML5

<!DOCTYPE>: na prática

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>
Código 2. Documento HTML iniciado com a declaração <!DOCTYPE>

Compatibilidade com navegadores

O <!DOCTYPE> é suportado em todos os navegadores apresentados na tabela abaixo:

<!DOCTYPE> Chrome Mozilla Firefox Edge / IE Opera Safari
Sim Sim Sim Sim Sim

Artigos relacionados