Doctype HTML

¿Qué es el Doctype en HTML?

Tipo de Documento

Imagen: Tipo de Documento – Autor: Seobility – Licencia: CC BY-SA 4.0

El Doctype o la declaración del tipo de documento no es un elemento HTML clásico, pues se encarga más bien de especificarle al navegador qué tipo de documento se va a visualizar a continuación.

De acuerdo con los estándares actuales, este elemento debe estar presente en el código fuente de cada documento web.

Por lo tanto, si no incluimos el doctype en el HTML, la página arrojará un error (esto se puede comprobar con tools para verificar el código) incluso si el site se mostrara correctamente.

¿Dónde se usa el doctype?

Como acabamos de ver, el doctype debe ser el primer elemento de una página. Esto significa que se coloca en el código HTML antes del código de marcado real, es decir, antes de la etiqueta HTML. Además, también debe estar presente en el código fuente de cada subpágina individual, pues incluirlo únicamente en la página de inicio no es suficiente.

Por otra parte, el doctype se utiliza igualmente en documentos XML y SVG (Gráficos vectoriales escalables).

¿Qué tipos de doctype HTML existen?

Especialmente en versiones anteriores, así como para XHTML 1.01 y 1.1, los tipos de documentos eran muy largos y complicados. A menudo, tenían que ser copiados y pegados en el código fuente, incluso por los y las webmasters con experiencia. En todas las versiones clásicas del lenguaje de marcado antes de HTML5, se tenían que usar los siguientes tipos de documentos:

HTML 4.01 Strict:

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

Strict se refiere a un código que es muy preciso y estricto, de ahí su nombre, siendo comparable con el XHTML. Aquí todos los elementos deben estar siempre cerrados.

HTML 4.01 Transitional:

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

Transicional o Transitional, por su parte, se refiere a un código fuente un poco más permisivo. Esta variante es más comparable con el HTML5 actual y no es tan rigurosa con el marcado como lo es con Strict.

Dado que HTML4 y las versiones anteriores se basan en SGML (del inglés Standard Generalized Markup Language o lenguaje de marcado generalizado estándar), un predecesor obsoleto de HTML, se debe especificar la DTD (del inglés Document Type Definition o definición de tipo de documento) correcta para estas versiones, pues describe las reglas y los elementos, así como otras propiedades utilizadas en el código.

Desde la introducción de HTML5, el código fuente ya no se clasifica como SGML, en parte debido a problemas de compatibilidad.

Para XHTML 1.0 y 1.1, el elemento doctype se vería así:

XHTML 1.0 Strict:

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

XHTML 1.0 Transitional:

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

XHTML 1.1 Strict:

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

Al igual que con HTML4, en este caso también se debe especificar la DTD, ya que XHTML 1 y 1.1 se basan en SGML. Los navegadores dependen de recibir las instrucciones y la información adecuadas para permitir una visualización correcta de un sitio. Strict y Transitional tienen el mismo significado aquí que en HTML4 y 4.1 y denotan las reglas que se aplican al marcado en el código fuente.

Ahora bien, la introducción del HTML5 supuso un gran cambio porque, a diferencia de sus predecesores, ya no se basaba en SGML y simplificaba mucho su uso. En este contexto, el doctype en HTML5 se ve de este modo:

<!DOCTYPE html>

Ya no se requieren más reglas ni enlaces. Se puede usar fácilmente, como se especificó antes, y brinda a los navegadores toda la información que necesitan para mostrar un sitio correctamente. Con HTML5, por suerte, los y las SEOs no tienen de qué preocuparse a la hora de implementar el doctype en sus páginas.

Problemas que surgen si falta el doctype

Si el doctype HTML no está incluido en el código fuente de la página, puede causar errores. En la mayoría de los casos, sin embargo, la página se mostrará correctamente, siempre y cuando el código general esté escrito en HTML5.

Eso sí, si una site está escrita en otras versiones de lenguaje de marcado o utiliza ciertas funciones que deben ser definidas de antemano y, además, carece de la declaración de tipo de documento, pueden ocurrir errores de visualización o problemas inesperados.

Comprobador del doctype

Comprueba si tus páginas contienen un doctype correcto


¿Por qué es importante declarar el tipo de documento correctamente?

Es una parte necesaria e importante del código fuente de cualquier sitio web. Se coloca justo al principio, incluso antes de que comience el código real, y no debe olvidarse bajo ninguna circunstancia.

Al usar HTML5 el elemento se simplifica significativamente. No obstante, para todas las demás versiones del lenguaje de marcado, aún debe emplearse en la forma correcta, ya que contiene información significativa para los navegadores puedan una web de forma adecuada.

De acuerdo con los estándares actuales, la ausencia de esta instrucción es un error y es detectado como tal por las herramientas adecuadas para verificar el código fuente.

Preguntas frecuentes sobre HTML doctype

¿Qué es doctype en HTML?

Doctype le dice al navegador qué tipo de documento se va a visualizar a continuación.

¿Es doctype una etiqueta HTML?

No. Simplemente, ofrece información a los navegadores web.

¿Dónde se coloca el elemento doctype?

Debe colocarse en la parte superior del código de una página, incluso antes de la etiqueta HTML.

¿Debería incluir la declaración de tipo de documento en cada página?

Sí. Cada página necesita su propia declaración.

¿Es el doctype obligatorio para todas las páginas web?
No necesariamente. El contenido podría seguir mostrándose de manera adecuada, incluso si no incluye esta información. A pesar de ello, es muy recomendable utilizar el doctype en cada página.

Ampliar conocimientos

Categories:Desarrollo web
Sobre las autoras y autores

El equipo de Seobility Wiki está formado por expertas y expertos SEO, profesionales del marketing digital y especialistas en negocios con experiencia en SEO, marketing online y desarrollo web. Todos nuestros artículos pasan por un proceso editorial de varios niveles para proporcionarte la mejor calidad posible e información relevante y de utilidad. Conoce a la gente que hay detrás de la Wiki de Seobility.

Equipo de Seobility Wiki
Herramientas SEO gratuitas

¿No quieres registrarte? ¡No pasa nada! Utiliza todas estas herramientas gratuitas sin necesidad de crearte una cuenta.

¡Prueba ahora - 14 días gratis!

Descubre lo fácil que es hacer SEO con las herramientas adecuadas. Explora todas las posibilidades: desde SEO técnico hasta la investigación de palabras clave, pasando por la creación de contenidos, link building y ¡mucho más!

Prueba Seobility gratis