Elemento <!DOCTYPE>
Descripción
El elemento <!DOCTYPE> sirve para especificar el tipo de documento actual - DTD (document type definition). Es necesario que el navegador entienda cómo interpretar la página web actual, porque HTML existe en varias versiones, y existe XHTML (EXtensible HyperText Markup Language), que es similar a HTML, pero difiere de él en la sintaxis. Para que el navegador «no se confunda» y entienda qué estándar debe mostrar la página web es necesario establecer <!DOCTYPE> en la primera línea del código.
Sintaxis
<DOCTYPE [Elemento de nivel superior] [Publicidad] «[Registro]//[Organización]//[Tipo] [Nombre]//[Idioma]» «[URL]>
Parámetros
Elemento de nivel superior - especifica el elemento de nivel superior en el documento, para HTML es la etiqueta <html>.
Public - el objeto es público (valor PUBLIC) o un recurso del sistema (valor SYSTEM), por ejemplo, como un archivo local. Para HTML/XHTML, se especifica el valor PUBLIC.
Registro - indica que el desarrollador de la DTD está registrado en la Organización Internacional de Normalización (ISO). Toma uno de estos dos valores: más (+) - el desarrollador está registrado en ISO y - (menos) - el desarrollador no está registrado. En el caso del W3C, el valor es «-».
Organización - el nombre único de la organización que ha desarrollado el DTD. Oficialmente HTML/XHTML es publicado por el W3C, este nombre se escribe en <!DOCTYPE>.
Tipo - el tipo de documento que se describe. Para HTML/XHTML, el valor viene especificado por la DTD.
Nombre - el nombre único del documento para describir el DTD.
Idioma - el idioma en el que está escrito el texto para describir el objeto. Contiene dos letras, escritas en mayúsculas. Para el documento HTML/XHTML se especifica el idioma inglés (EN).
URL - la dirección del documento con el DTD.
Etiqueta de cierre
No es necesaria.
Ejemplo 1. HTML 4.01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>!DOCTYPE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p>La mente es Buda, y el cese del pensamiento especulativo es el camino. </p>
</body>
</html>
Ejemplo 2. HTML5
<!DOCTYPE html>
<html>
<head>
<title>!DOCTYPE</title>
<meta charset="utf-8">
</head>
<body>
<p>La mente es Buda, y el cese del pensamiento especulativo es el camino.
Tras dejar de pensar en conceptos y contemplar los caminos de la existencia y la no existencia,
sobre el alma y la carne, lo pasivo y lo activo, y otras cosas por el estilo,
uno empieza a darse cuenta de que la mente es Buda,
que Buda es la esencia de la mente,
y que la mente es como el infinito.</p>
</body>
</html>
Navegadores
Internet Explorer hasta la versión 6.0 exige que figure en la primera línea del código. De lo contrario, el navegador entra en modo de compatibilidad (quirk mode).
Aunque el valor URL es opcional, los navegadores pueden entrar en modo de compatibilidad si no está presente, así que especifique siempre la ruta completa al archivo DTD.