Declaración DOCTYPE en documentos HTML

Estudio de la declaración del tipo de documento HTML, que se especifica en la declaración DOCTYPE al principio del código.
En este articulo nos centraremos en la declaración DOCTYPE de los documentos HTML.

EL W3C (World Wide Web Consortium: www.w3.org), encargado de la creación de los Standard webs, define que los ficheros HTML, XML, XHTML deben tener una declaración de tipo DOCTYPE que debe hacer referencia a una de las tres definiciones del tipo de documento que existen.

Esta declaración debe ser la primera línea de nuestro documento y es necesaria para decirle al navegador qué versión de HTML es la que se usa en la página. Si no se hace, el navegador procesara la página en modo Quirks (modo de compatibilidad) pudiendo no interpretar correctamente el código de la página.

La DTD (definición del tipo de documento) es la estructura reglamentaria, es decir, los elementos y atributos que están disponibles para cada tipo de documento. Para HTML 4.01 (las versiones anteriores no son recomendables debido a que no son del todo compatibles con las Hojas de Estilo), existen 3 tipos de DTD:
  1. HTML 4.01 transitorio

    El HTML 4 transitorio incluye todos los elementos y cualidades de HTML 4 Strict pero agrega cualidades presentational, elementos desaprobados o elementos obsoletos. Se llama Transitional porque está pensado como transición hacia HTML 4 estricto.

    El modo de definirla es:

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

  2. HTML 4.01 Frameset:

    Esta es una variante de HTML 4 transitorio para los documentos que utilizan Frames (marcos).

    El modo de definirla es:

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

  3. HTML ESTRICTO

    Si declaramos este DTD el navegador pasará a actuar cumplimiento de los estándares (Standards compílanse). Esto implicara que solo puedan usarse las etiquetas de HTML 4.01. Este es el modo recomendado por el W3C, ya que es compatible con el CSS y puede ser interpretado correctamente por todos los navegadores, haciendo mucho más fácil el paso de nuestros documentos al XHTML que muy posiblemente tienda a sustituir al HTML en los próximos años.

    El modo de definirla es:

    <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
Si queremos saber si nuestra página cumple con el DTD definido podemos hacerlo desde http://validator.w3.org/

Referencia: Si quieres obtener más información sobre la declaración doctype puedes consultar el siguiente artículo de DesarrolloWeb.com Doctype en HTML y XHTML. Además mostramos otros tipos de doctypes que puedes aplicar a documentos en XHTML.

Compartir

Comentarios

Diegool

29/3/2007
Es muy aburrido este articulo disculpenme pero es lo que pienso de esta cosa adios y buena suerte

richardcobenas

23/4/2009
Gracias por el aporte!
Gracias por la informacion asi aprendemos un poquito mas del desarrollo web, y al que comento que no sea mal agradecido almenos le estan explicando las cosas si no le gusta algo pues que no lo lea!!..

gonzalo_martinez-434764

01/7/2009
exelente
gracias por el aporte. muy bien explicado..

Talider

15/9/2009
DOCTYPE
Gracias por tu artículo; me ayudó mucho a entender la primera parte de un documento Web. Está bastante completa la información.

jose

17/11/2009
comentar
este tema se deberia de profundizar un poco mas

Vladimir

24/10/2013
Diferencia con doctype
Hola, tengo unos jsp los cuales estan definidos con el doctype transitional y al seleccionar una fecha en el formulario (a traves de un <img ...>) el calendario aparece mucho mas abajo, en lugar de aparecer a un lado de la imagen del calendario. Si elimino toda la linea del doctype, la imagen del calendario aparace correctamente. A que puede deberse esto?