DTD (Definición de tipo de documento) es un documento XML que explica qué etiquetas, atributos o valores son válidos para un tipo específico de HTML. HTML sigue ciertas reglas. Estas reglas están contenidas en un archivo de definición de tipo de documento, o DTD, como se lo conoce comúnmente. Cada versión HTML tiene una DTD correspondiente. Ahora puede que se pregunte: "¿Qué tiene que ver todo esto con CSS?"
Si desea que todo el contenido de su página web se muestre de forma correcta y coherente en un navegador web, debe decirle al navegador web que está utilizando HTML. o XHTML Qué versión incluye, qué significa la declaración de tipo de documento al principio de una página web. Esta declaración de tipo de documento es la primera línea del archivo HTML y no solo define la versión de HTML que está utilizando (como HTML 4.01 Transitional), sino que también apunta al archivo DTD apropiado en la página web. Cuando escribe la declaración de documento incorrecta, coloca a la mayoría de los navegadores en un estado de advertencia llamado Modo Quirks.
El modo Quirks es un método utilizado por los fabricantes de navegadores para hacer que su software se ejecute como los navegadores de alrededor de 1999 (la era de Netscape 4 e Internet Explorer 5). Si un navegador moderno encuentra una página web sin el tipo de documento correcto, pensará: "Bueno, esta página debe haber sido escrita en un editor HTML hace mucho tiempo. Tengo que fingir que soy un navegador muy antiguo para mostrar la página web". páginas, tal como lo hacían esos viejos navegadores con errores". Esta es la razón por la cual su hermosa página web que diseñó con CSS puede no verse así cuando no tiene un tipo de documento correcto. Cómo debería aparecer de acuerdo con los estándares actuales. Cuando revisa su navegador y sin darse cuenta ve su página en el modo Quirks, es posible que deje de intentar solucionar el problema relacionado con los tipos de documentos incorrectos en lugar del problema de visualización de HTML o CSS.
Afortunadamente, conseguir el tipo de documento correcto es fácil. Todo lo que necesitas saber es qué versión HTML se está utilizando. Actualmente las versiones más populares de HTML y XHTML son HTML 4.01 Transitional y XHTML 1.0 Transitional. Estos tipos de HTML aún le permiten usar etiquetas de presentación como etiquetas y, en este sentido, también brindan una transición de versiones anteriores de HTML a versiones más nuevas de HTML: etiquetas HTML y XHTML más estrictas. Aunque es mejor no usar estas etiquetas, aún funcionan en la Edición Transicional, por lo que puedes eliminar estas etiquetas antiguas según tu situación. En versiones estrictas de HTML y XHTML, algunas etiquetas antiguas no funcionan en absoluto.
Nota: En términos generales, las versiones estrictas de HTML y XHTML no aceptan etiquetas y atributos que simplemente hacen que la página se vea bien, como etiquetas y el atributo centrado de un párrafo. Tampoco aceptan algunos atributos que alguna vez fueron populares, como el atributo de destino de un enlace, que le permite abrir el enlace en una nueva ventana.