{"id":31432,"date":"2024-11-12T12:39:34","date_gmt":"2024-11-12T12:39:34","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31432"},"modified":"2025-03-23T12:15:18","modified_gmt":"2025-03-23T12:15:18","slug":"Doctype_HTML","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/Doctype_HTML","title":{"rendered":"Doctype HTML"},"content":{"rendered":"

\u00bfQu\u00e9 es el Doctype en HTML?<\/span><\/h2>\n
\n
\"Tipo<\/a> <\/p>\n
Imagen:<\/b> Tipo de Documento – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

El Doctype o la declaraci\u00f3n del tipo de documento no es un elemento HTML cl\u00e1sico, pues se encarga m\u00e1s bien de especificarle al navegador qu\u00e9 tipo de documento se va a visualizar a continuaci\u00f3n.\n<\/p>\n

De acuerdo con los est\u00e1ndares actuales, este elemento debe estar presente en el c\u00f3digo fuente de cada documento web.\n<\/p>\n

Por lo tanto, si no incluimos el doctype en el HTML, la p\u00e1gina arrojar\u00e1 un error (esto se puede comprobar con tools para verificar el c\u00f3digo) incluso si el site se mostrara correctamente.\n<\/p>\n

\u00bfD\u00f3nde se usa el doctype?<\/span><\/h2>\n

Como acabamos de ver, el doctype debe ser el primer elemento de una p\u00e1gina. Esto significa que se coloca en el c\u00f3digo HTML antes del c\u00f3digo de marcado real, es decir, antes de la etiqueta HTML. Adem\u00e1s, tambi\u00e9n debe estar presente en el c\u00f3digo fuente de cada subp\u00e1gina individual, pues incluirlo \u00fanicamente en la p\u00e1gina de inicio no es suficiente.\n<\/p>\n

Por otra parte, el doctype se utiliza igualmente en documentos XML y SVG (Gr\u00e1ficos vectoriales escalables)<\/a>.\n<\/p>\n

\u00bfQu\u00e9 tipos de doctype HTML existen?<\/span><\/h2>\n

Especialmente en versiones anteriores, as\u00ed como para XHTML 1.01 y 1.1, los tipos de documentos eran muy largos y complicados. A menudo, ten\u00edan que ser copiados y pegados en el c\u00f3digo fuente, incluso por los y las webmasters con experiencia. En todas las versiones cl\u00e1sicas del lenguaje de marcado antes de HTML5<\/a>, se ten\u00edan que usar los siguientes tipos de documentos:\n<\/p>\n

HTML 4.01 Strict:<\/b>\n<\/p>\n

<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"https:\/\/www.w3.org\/TR\/html4\/strict.dtd\"><\/pre>\n
Strict se refiere a un c\u00f3digo que es muy preciso y estricto, de ah\u00ed su nombre, siendo comparable con el XHTML. Aqu\u00ed todos los elementos deben estar siempre cerrados.\n<\/p>\n
HTML 4.01 Transitional:<\/b>\n<\/p>\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN \"https:\/\/www.w3.org\/TR\/html4\/loose.dtd\"><\/pre>\n
Transicional o Transitional, por su parte, se refiere a un c\u00f3digo fuente un poco m\u00e1s permisivo. Esta variante es m\u00e1s comparable con el HTML5 actual y no es tan rigurosa con el marcado como lo es con Strict.\n<\/p>\n
Dado que HTML4 y las versiones anteriores se basan en SGML (del ingl\u00e9s Standard Generalized Markup Language o lenguaje de marcado generalizado est\u00e1ndar), un predecesor obsoleto de HTML, se debe especificar la DTD (del ingl\u00e9s Document Type Definition o definici\u00f3n de tipo de documento) correcta para estas versiones, pues describe las reglas y los elementos, as\u00ed como otras propiedades utilizadas en el c\u00f3digo.\n<\/p>\n
Desde la introducci\u00f3n de HTML5, el c\u00f3digo fuente ya no se clasifica como SGML, en parte debido a problemas de compatibilidad.\n<\/p>\n
Para XHTML 1.0 y 1.1, el elemento doctype se ver\u00eda as\u00ed:\n<\/p>\n
XHTML 1.0 Strict:<\/b>\n<\/p>\n
 <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\" \"https:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\"><\/pre>\n
XHTML 1.0 Transitional:<\/b>\n<\/p>\n
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Loose\/\/EN\" \"https:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-loose.dtd\"><\/pre>\n
XHTML 1.1 Strict:<\/b>\n<\/p>\n
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"https:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><\/pre>\n
Al igual que con HTML4, en este caso tambi\u00e9n 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\u00f3n adecuadas para permitir una visualizaci\u00f3n correcta de un sitio. Strict y Transitional tienen el mismo significado aqu\u00ed que en HTML4 y 4.1 y denotan las reglas que se aplican al marcado en el c\u00f3digo fuente.\n<\/p>\n
Ahora bien, la introducci\u00f3n 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:\n<\/p>\n
<!DOCTYPE html><\/pre>\n
Ya no se requieren m\u00e1s reglas ni enlaces. Se puede usar f\u00e1cilmente, como se especific\u00f3 antes, y brinda a los navegadores toda la informaci\u00f3n que necesitan para mostrar un sitio correctamente. Con HTML5, por suerte, los y las SEOs  no tienen de qu\u00e9 preocuparse a la hora de implementar el doctype en sus p\u00e1ginas.\n<\/p>\n
Problemas que surgen si falta el doctype<\/span><\/h2>\n
Si el doctype HTML no est\u00e1 incluido en el c\u00f3digo fuente de la p\u00e1gina, puede causar errores. En la mayor\u00eda de los casos, sin embargo, la p\u00e1gina se mostrar\u00e1 correctamente, siempre y cuando el c\u00f3digo general est\u00e9 escrito en HTML5.\n<\/p>\n
Eso s\u00ed, si una site est\u00e1 escrita en otras versiones de lenguaje de marcado o utiliza ciertas funciones que deben ser definidas de antemano y, adem\u00e1s, carece de la declaraci\u00f3n de tipo de documento, pueden ocurrir errores de visualizaci\u00f3n o problemas inesperados.\n<\/p>\n
\n
\n
Comprobador del doctype<\/h3>\n
Comprueba si tus p\u00e1ginas contienen un doctype correcto<\/p>\n<\/div>\n
\n
\n<\/form>\n<\/div>\n
\u00bfPor qu\u00e9 es importante declarar el tipo de documento correctamente?<\/span><\/h2>\n
Es una parte necesaria e importante del c\u00f3digo fuente de cualquier sitio web. Se coloca justo al principio, incluso antes de que comience el c\u00f3digo real, y no debe olvidarse bajo ninguna circunstancia.\n<\/p>\n
Al usar HTML5 el elemento se simplifica significativamente. No obstante, para todas las dem\u00e1s versiones del lenguaje de marcado, a\u00fan debe emplearse en la forma correcta, ya que contiene informaci\u00f3n significativa para los navegadores puedan una web de forma adecuada.\n<\/p>\n
De acuerdo con los est\u00e1ndares actuales, la ausencia de esta instrucci\u00f3n es un error y es detectado como tal por las herramientas adecuadas para verificar el c\u00f3digo fuente.\n<\/p>\n
Preguntas frecuentes sobre HTML doctype<\/span><\/h2>\n
\u00bfQu\u00e9 es doctype en HTML?<\/b>\n<\/p>\n
Doctype le dice al navegador qu\u00e9 tipo de documento se va a visualizar a continuaci\u00f3n.\n<\/p>\n
\u00bfEs doctype una etiqueta HTML?<\/b>\n<\/p>\n
No. Simplemente, ofrece informaci\u00f3n a los navegadores web.\n<\/p>\n
\u00bfD\u00f3nde se coloca el elemento doctype?<\/b>\n<\/p>\n
Debe colocarse en la parte superior del c\u00f3digo de una p\u00e1gina, incluso antes de la etiqueta HTML.\n<\/p>\n
\u00bfDeber\u00eda incluir la declaraci\u00f3n de tipo de documento en cada p\u00e1gina?<\/b>\n<\/p>\n
S\u00ed. Cada p\u00e1gina necesita su propia declaraci\u00f3n.\n<\/p>\n
\u00bfEs el doctype obligatorio para todas las p\u00e1ginas web?<\/b>
\nNo necesariamente. El contenido podr\u00eda<\/strong> seguir mostr\u00e1ndose de manera adecuada, incluso si no incluye esta informaci\u00f3n. A pesar de ello, es muy recomendable<\/strong> utilizar el doctype en cada p\u00e1gina.\n<\/p>\n