¿Qué es un DOCTYPE y por qué es importante?

• Mayo 2, 2024

La etiqueta DOCTYPE (abreviatura de "declaración de tipo de documento") describe el tipo de HTML utilizado para una página web en particular. La forma en que define su DOCTYPE puede tener un profundo efecto en la apariencia de su sitio web.

El DOCTYPE es lo primero que aparece en la mayoría de las páginas HTML, incluso antes de la etiqueta. Se verá algo como esto…



¿Por qué es tan importante el DOCTYPE? Bueno, para empezar, le dice al navegador de su visitante qué reglas usar al mostrar su página web. Hay tres opciones básicas de DOCTYPE:

Estricto: el navegador seguirá las reglas HTML publicadas por el W3C (el Consorcio World Wide Web, el grupo que establece los estándares HTML). Ignorará los elementos obsoletos, como la etiqueta. Como puede imaginar, esto causará estragos en sus páginas web si todavía está usando tales etiquetas. Si no especifica dentro de la etiqueta DOCTYPE qué opción desea, los navegadores utilizarán el conjunto de reglas "estricto" de forma predeterminada.

Transicional: el navegador permitirá que funcionen las etiquetas actuales y obsoletas. La mayoría de las páginas web utilizan esta configuración DOCTYPE para permitir una mayor flexibilidad.

Conjunto de marcos: el navegador permitirá todas las etiquetas como con la configuración de transición, y también permitirá el uso de marcos. Obviamente, no debe usar esta opción a menos que esté creando una página con marcos, lo que casi siempre es una mala idea.

También puede usar el DOCTYPE para especificar si su página está construida en HTML o XHTML. Si no incluye una etiqueta DOCTYPE, el navegador asumirá que la página web se creó antes de la inclusión de la etiqueta y utilizará el conjunto de reglas "de transición".

Finalmente, un DOCTYPE a menudo incluirá una URL del sitio oficial del W3C. Estas URL apuntan a páginas que contienen los conjuntos de reglas relevantes, de modo que los navegadores pueden admitir perfectamente su código HTML incluso después de que el W3C publique nuevos estándares.

Estas son algunas de las etiquetas DOCTYPE más comunes que puede necesitar usar:

HTML estricto


HTML transitorio


XHTML estricto


Transitional XHTML


Tenga en cuenta que si el W3C lanza nuevas versiones de HTML o XHTML, las etiquetas DOCTYPE también cambiarán. Los ejemplos anteriores se refieren a HTML 4.01 y XHTML 1.0, ya que esas son las versiones más recientes en el momento de escribir este artículo.

Instrucciones De Vídeo: HTML5: ¿Por qué es importante escribir código correcto? (3/3) (Mayo 2024).