DTD (Document Type Definition) é um documento XML que explica quais tags, atributos ou valores são válidos para um tipo específico de HTML. HTML segue certas regras. Essas regras estão contidas em um arquivo de definição de tipo de documento, ou DTD, como é comumente conhecido. Cada versão HTML possui um DTD correspondente. Agora você pode estar se perguntando: "O que tudo isso tem a ver com CSS?"
Se você deseja que todo o conteúdo da sua página da web seja exibido correta e consistentemente em um navegador da web, você deve informar ao navegador que está usando HTML. ou XHTML Qual versão inclui, o que significa a declaração doctype no início de uma página web. Esta declaração de tipo de documento é a primeira linha do arquivo HTML e não apenas define a versão do HTML que você está usando (como HTML 4.01 Transitional), mas também aponta para o arquivo DTD apropriado na página da web. Ao digitar a instrução de documento errada, você coloca a maioria dos navegadores em um estado de aviso chamado Modo Quirks.
O Modo Quirks é um método usado pelos fabricantes de navegadores para fazer seu software funcionar como os navegadores de cerca de 1999 (a era do Netscape 4 e do Internet Explorer 5). Se um navegador moderno encontrar uma página web sem o tipo de documento correto, ele pensará: "Bem, esta página deve ter sido escrita em um editor HTML há muito tempo. Tenho que fingir que sou um navegador muito antigo para exibir web páginas, assim como aqueles navegadores antigos e cheios de bugs." É por isso que sua adorável página da web que você estilizou com CSS pode não ter a mesma aparência quando você não tem um tipo de documento correto. Como ela deve aparecer de acordo com os padrões atuais. Ao verificar seu navegador e visualizar inadvertidamente sua página no modo Quirks, você pode parar de tentar corrigir o problema relacionado a tipos de documento incorretos, em vez de uso inadequado de HTML ou CSS.
Felizmente, é fácil obter o tipo de documento certo. Tudo que você precisa saber é qual versão HTML está sendo usada. Atualmente as versões mais populares de HTML e XHTML são HTML 4.01 Transitional e XHTML 1.0 Transitional. Esses tipos de HTML ainda permitem usar tags de apresentação, como tags, e, nesse sentido, também fornecem uma transição de versões mais antigas de HTML para versões mais recentes de HTML: tags HTML e XHTML mais restritas. Embora seja melhor não usar essas tags, elas ainda funcionam na Transitional Edition, então você pode eliminar essas tags antigas de acordo com sua situação. Em versões restritas de HTML e XHTML, algumas tags de estilo antigo nem funcionam.
Nota: De modo geral, versões estritas de HTML e XHTML não aceitam tags e atributos que simplesmente fazem a página parecer boa, como tags e o atributo centralizado de um parágrafo. Eles também não aceitam alguns atributos outrora populares, como o atributo de destino de um link - que permite abrir o link em uma nova janela.