O que é e para que serve o DOCTYPE ou DTD (Document Type Definition)
Com o passar do tempo os padrões da web foram mudando, e sem enrolar muito no assunto, foi preciso criar padrões compatíveis com os diversos dispositivos que hoje acessam a web ao mesmo tempo que precisava ter uma linguagem de marcação (como o HTML), que poderia ser bem poderosa no sentido de ter flexibilidade par fazer várias coisas (ser bem ampla). Desse processo todo surgiu o XHTML, que é uma junção do HTML e o XML (eXtensible Markup Language).
Ainda utilizamos muito o HTML, muitas páginas o tem como linguagem, mas a web está sendo construida hoje com o XHTML. Ai surge a pergunta: Mas como o meu navegador vai saber com qual linguagem a página que ele está acessando foi construída? E nesse ponto entra o DOCTYPE.
O DOCTYPE serve para dizer aos visitantes da página com qual tipo de linguagem padrão a página foi construída. Hoje temos básicamente 6 tipos que são considerados os principais:
DOCTYPE HTML 4.01 Strict
Esse padrão se refere a paginas feita em HTML no modo strict. Esse seria o modo correto de fazer as páginas utilizando o HTML, ele não possui elementos de apresentação (<b>, <center>, <i>) e elementos muito antigos (fora de uso) e frames não são permitidos.
Para você dizer aos visitantes que sua página foi feita com esse padrão, você deve adicionar no início do código da sua página o seguinte trecho:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
DOCTYPE HTML 4.01 Transitional
Nesse padrão as páginas também são feitas somente com HTML, mas esse modo é mais flexível para conter códigos mais antigos, então ele permite elementos de apresentação e os elementos muito antigos. Ele continua não permitindo frames. Esse é o padrão para transição dos documentos antigos para o novo padrão.
Para dizer aos visitantes que seu código é desse padrão, coloque no começo do seu código a linha abaixo:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
DOCTYPE HTML 4.01 Frameset
Com esse padrão de página, você pode colocar tanto elementos de apresentação e antigos, como frames. Ele seria o padrão para quem não quer ter o mínimo de trabalho para atualizar sua página.
O código para ele é:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
DOCTYPE XHTML 1.0 Strict
Esse padrão seria o modo correto de fazer uma página nos dias atuais. Ele utiliza o XHTML e não contém elementos de apresentação e os muito antigos, assim como não permite frames.
O código para ser colocado no início do seu documento é:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
DOCTYPE XHTML 1.0 Transitional
O padrão transitional para XHTML funciona no mesmo esquema do transitional para HTML, ele permite elementos de apresentação e elementos muito antigos, mas continua não permitindo frames. Esse deve ser o padrão mais utilizado atualmente.
Para dizer aos visitantes tratarem seu código com esse padrão, coloque o linha abaixo no início do seu documento:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
DOCTYPE XHTML 1.0 Frameset
Esse padrão é igual ao padrão XHTML 1.0 transitional, mas esse permite frames. Para utilizar esse padrão coloque, no início do seu documento, o código abaixo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Fora os padrões listados acima, temos um que provavelmente será o futuro das páginas, que é o XHTML 1.1, esse padrão é similar ao XHTML 1.0 strict, com o adicional de permitir módulos do XHTML.
Para você saber um pouco das diferenças entre os padrões HTML e XHTML, leia XHTML vs HTML Tutorial e nunca se esqueça de procurar nas máquinas de busca (Google, Yahoo!, etc).
Se você quiser verificar se seus códigos estão de acordo com as regras definidas, acesse Markup Validation Service. E não se esqueça que é a W3C que definiu esses padrões e outros vários padrões relacionados a web, então qualquer dúvida, pode fuçar no site deles.
Para uma lista mais completa, da própria W3C, dos padrões de documentos da web (DTD – Document Type Definition) e como coloca-los nos seus documentos (DOCTYPE), acesse Recommended list of DTDs.


[...] O que é e para que serve o DOCTYPE ou DTD (Document Type Definition) [...]
abril 16th, 2009 at 19:03[...] Créditos: Como Criar Sites. [...]
outubro 16th, 2009 at 8:45