¿Quieres crear una página web profesional? Entonces debes saber sobre la importancia de la Declaración HTML DOCTYPE. Es la clave para una codificación adecuada y un diseño perfecto. En este artículo te explicaremos todo lo que necesitas saber acerca de esta declaración fundamental para el desarrollo web. ¡No te lo pierdas!
El <!DOCTYPE> La declaración debe ser el primer elemento de su documento HTML, antes del elemento. Esta declaración no es un elemento HTML. Es solo una instrucción para el navegador web sobre qué versión de HTML la página está escrita.
Si el no se hace la declaracion, el navegador hará todo lo posible para representar la página en consecuencia. Si ha estado diseñando páginas web durante un tiempo, es consciente de la dificultad de desarrollar una página que se vea igual en todos los navegadores.
Al configurar el DOCTYPE, puede asegurarse de que sus páginas web se procesarán en un formato similar porque esto le indica al navegador exactamente cómo manejar los elementos que encuentra en el documento.
El <!DOCTYPE> declaración se refiere a una definición de tipo de documento (DTD). El DTD especifica las reglas para el marcado
idioma. Nuevamente, esto es para que los navegadores muestren el contenido correctamente.
Partes de un DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">A DOCTIPO se compone de las siguientes partes:
!DOCTYPE: Indica al usuario-agente que la información adjunta definirá el Tipo de documento de la paginaHTML: Esto le dice al navegador qué elemento esperar como el elemento de nivel superior. Para documentos HTML y XHTML este elemento sería<html>.PUBLIC: Los DOCTYPES más comunes que utilizará serán disponible públicamente. También puede especificar una DTD local con elSYSTEMpalabra clave."-//W3C//DTD HTML 4.01 Transitional//EN": Este es el Identificador Público Formal (FPI). Toda esta cadena es lo que identifica el DOCTIPO.
Más sobre FPI
El FPI se compone de estas partes:
-/+: A Signo de más indica que la organización está registrada en la ISO. A signo menos indica que no está registrado.W3C: Este es el grupo que posee y mantiene el DOCTYPE que se está utilizando.DTD: Esto define el tipo de DOCTYPE utilizado.HTML 4.01 Transitional: Esta es la etiqueta que te dice qué se está utilizando DTD en forma legible.EN: Este es el lenguaje que el DTD está escrito en. No es el idioma del contenido de la página.http://www.w3.org/TR/html4/loose.dtd: Esto es un URL opcional indicando dónde se puede encontrar la DTD para este DOCTYPE.
Ejemplos de DOCTYPE:
HTML 2.0
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0 Level 2//EN">
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 2//EN">HTML 3.0
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">HTML 3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">HTML 4.01
Strict DTD – contiene todos los elementos y atributos HTML, pero no incluye elementos de presentación o obsoletos. No se permiten conjuntos de marcos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Transitional – contiene todos los elementos y atributos HTML, incluidos los elementos de presentación y obsoletos. No se permiten conjuntos de marcos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Frameset DTD – igual a HTML 4.01 Transitional, pero permite el uso de marcos contenido.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">XHTML 1.0
Strict DTD – contiene todos los elementos y atributos HTML, pero no incluye elementos de presentación o obsoletos. No se permiten conjuntos de marcos.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Transitional – contiene todos los elementos y atributos HTML, incluidos los elementos de presentación y obsoletos. No se permiten conjuntos de marcos.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Frameset DTD – igual a XHTML 1.0 Transitional, pero permite el uso de marcos contenido.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">XHTML 1.1
Igual a XHTML 1.0. Estricto, pero permite agregar módulos.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">XHTML 2.0
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml2.dtd">HTML5
HTML5 es no basado en SGML y, por lo tanto, no requiere una referencia a una DTD.
<!DOCTYPE html>Recordatorio: Añade siempre el <!DOCTYPE> declaración a sus documentos HTML, para que el navegador sepa qué tipo de documento esperar.
