Doctype HTML

De Seobility Wiki
Saltar a: navegación, buscar

Doctype es el primer elemento que aparece en el código fuente HTML de una página, en la parte superior de cada documento e incluso antes del código en sí. Desafortunadamente, este elemento a menudo se olvida porque, o bien se subestima su importancia o bien las y los webmasters desconocen qué función tiene. Por todo ello, vamos a ver qué función desempeña el Doctype y por qué es tan importante para la correcta visualización de un sitio web.

¿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

Sobre las autoras y autores:
Seobility S
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.