Declaração DOCTYPE em HTML - Guia Completo e Correto Uso

A tag DOCTYPE significa “declaração do tipo de documento”. Ela informa aos navegadores web qual versão do HTML sua página está utilizando. Você deve sempre prefixar seu código HTML com o DOCTYPE na primeira linha do código da página. Ao fazer isso, sua página HTML estará em conformidade com o DOCTYPE selecionado.

Embora navegadores modernos não levem em consideração pequenos erros no código HTML, um DOCTYPE incorreto é um problema mais sério, pois pode afetar a disponibilidade do conteúdo da sua página. O relatório 'DOCTYPE HTML inválido' no painel do Labrika permite que você visualize quaisquer páginas com esses tipos de erros.

Conteúdo do Relatório

O relatório no painel do Labrika mostrará uma lista de URLs onde o DOCTYPE está escrito incorretamente no código ou a mensagem “Nenhuma correspondência encontrada para sua consulta” se não houver erro.

Exemplo de relatório DOCTYPE incorreto no painel Labrika

Como usar o relatório

Uma vez identificados os URLs com DOCTYPE incorreto, você pode então corrigi-los inserindo a declaração correta.

A sintaxe deve ser a seguinte:

<!DOCTYPE [Elemento de nível superior] [Publicidade] "[Registro]//[Organização]//[Tipo] [Nome]//[Idioma]" "[URL]">

O que cada um desses parâmetros significa:

Elemento de nível superior - especifica o elemento de nível superior no documento. Para HTML, é a tag <html>
Publicidade — indica se o objeto é um recurso público (valor PUBLIC) ou um recurso de sistema (valor SYSTEM), como um arquivo local. Para HTML/XHTML, o valor PUBLIC é selecionado.
Registro — mostra se o desenvolvedor do DTD (definição do tipo de documento) está registrado na Organização Internacional para Padronização (ISO). Pode assumir dois valores: mais (+) — o desenvolvedor está registrado na ISO; ou menos (-) — o desenvolvedor não está registrado. Para o W3C, é escrito assim: “-”
Organização — o nome único da organização que desenvolveu o DTD. HTML/XHTML é oficialmente publicado pelo W3C (World Wide Web Consortium). O nome dessa organização é escrito na tag DOCTYPE.
Tipo de documento — o tipo de documento que está sendo descrito. Para HTML/XHTML, o valor DTD é especificado.
Nome — o nome único do documento para descrever o DTD.
Idioma — indica o idioma no qual o texto está escrito. Consiste em duas letras, escritas em maiúsculas. Para um documento HTML/XHTML em inglês, você escreveria: (EN)
URL — o endereço do documento com o DTD.

Existem vários tipos de DOCTYPE; eles diferem dependendo da versão da Linguagem de Marcação de Hipertexto usada na página.

Um exemplo para a versão HTML 4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

A especificação do HTML5 pode ser escrita de forma mais simples como:

<!DOCTYPE html>