DOCTYPE HTML

DOCTYPE proviene del inglés "document type declaration" significa "declaración del tipo de documento", puede abreviarse DTD.

DOCTYPE es una línea de código que se incluye en los lenguajes de marcado como SGML, XML o HTML. Esta línea de código debe ser la primera línea en el documento.

Los estándares de DOCTYPE son definidos por la W3C. Inicialmente la declaración del tipo de documento fue pensada como una definición que serviría para deducir el tipo o versión de lenguaje que incluiría el documento en cuestión, aunque en la actualidad DOCTYPE suele resultar un poco inútil ya que los navegadores pueden deducir el tipo de documento al leer el código, sin embargo, esta no es razón para no incluir el DOCTYPE, pues al incluir la declaración del tipo de documento le ahorramos la tarea de deducción al navegador además de que es muy recomendable para seguir los estándares establecidos.

DOCTYPE es útil al momento de validar un documento, para lo cual se puede utilizar un “validador de código” lo cual nos permite descubrir posibles errores o incompatibilidad de etiquetas.

En HTML existes varios tipos de documento (DOCTYPE) dependiendo de la versión del lenguaje HTML que se use:

HTML 5

En HTML5 el doctype está bastante simplificado en comparación con sus antecesores

<!DOCTYPE HTML>

HTML 4.01

Para HTML 4 podemos escoger entre tres tipos de documento: Strict, Transitional y Frameset.

Strict:

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

Transitional:

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

Frameset:

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

HTML 3.2

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

HTML 2.0

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

HTML 1.0

Al igual que HTML 4 podemos hay tres tipos de documento: Strict, Transitional y Frameset.

Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Transitional:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Frameset:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Realmente no es necesario conocer a fondo cada uno de estos DOCTYPEs pues en la actualidad se ocupan únicamente los de HTML 4 y HTML5. Personalmente recomiendo usar HTML5 por ser el mas actual además de que el DOCTYPE está facilisimo.

Ejemplo de uso:

A continuación un ejemplo de como deberá ir el DOCTYPE en un documento HTML5.

<!DOCTYPE html>
<html>
<head>
    <title>Página con DOCTYPE de HTML5</title>
</head>
<body>
    <p>Este es el contenido de mi página.</p>
</body>
</html>