La etiqueta DOCTYPE

Publicado el en la categoría Diseño y Programación

La etiqueta DOCTYPE es la primera que aparece en cualquier documento HTML. Su función es la de informar al navegador sobre el tipo de documento que va a cargar así como de informar sobre la codificación de caracteres. Además ésta etiqueta es fundamental si queremos que nuestro fichero HTML sea validado.

HTML 4

El lenguaje HTML, en sus distintas versiones, ha ido evolucionando En la versión de HTML 4 aparecieron 3 variantes de DOCTYPE para indicar caracteristicas especiales para los documentos o atributos que aceptan:

  • Strict: En la que la permisividad es inexistente. Deberemos utilizar únicamente etiquetas de la versión 4 de HTML.
  • Transitional: En la que se permite el uso de etiquetas html mas antiguas.
  • Frameset: Opción que deberemos añadir si estamos utilizando marcos en nuestra página

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

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

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

HTML 5

En cambio con la revolución que ha supuesto la llegada de HTML 5, la etiqueta DOCTYPE ha sido reducida a la mínima expresión.

<!DOCTYPE html>

Como se aprecia no hay ninguna referencia ni al lenguaje ni a la permisividad. Los desarrolladores han llegado a la conclusión de que con la continua evolución tanto de la web como de los navegadores, es preferible que sean éstos últimos quienes se ocupen de detectar las especificaciones y que actúen en consecuencia. Además, el navegador cargará lo que ‘entienda’ y lo que no, lo obviará.

Entonces, ¿por qué en la nueva revisión no se ha eliminado la etiqueta DOCTYPE? Pues en primer lugar, por razones históricas, ya que aun existen navegadores que visualizan la página de acuerdo a lo especificado (una etiqueta DOCTYPE sin más, indica que utilizamos el modo estricto). En segundo lugar,  porque así ayudamos a los robots de los motores de búsqueda a identificar y codificar correctamente nuestra página.

Facebooktwittergoogle_plus