<!DOCTYPE html>: esta instrucción es la primera línea que se escribe para codificar una página web en HTML. El doctype indica al navegador de qué tipo de documento se trata. Esta información permite al navegador utilizar sus conocimientos para aplicar las reglas propias del tipo indicado. De este modo, la página web se muestra en la pantalla de acuerdo con los requisitos del desarrollador.

De acuerdo con las recomendaciones de la organización de estándares web W3C, la gran mayoría de las páginas web se crean utilizando HTML. Por lo tanto, el tipo de documento es principalmente un doctype HTML.

¿Qué es el Doctype HTML?

Concepto de Doctype HTML
Concepto de Doctype HTML

El doctype HTML es la indicación que proporciona el desarrollador para especificar a los navegadores que el documento está escrito en HTML. Es el tipo de documento más utilizado para crear sitios web porque está recomendado por el W3C. Desde la versión HTML5, se debe escribir <!DOCTYPE html> en la primera línea de código.

¿Para qué Sirve la Etiqueta Doctype?

Según el organismo de normalización web W3C, HTML, junto con CSS, es la tecnología fundamental para crear páginas web. Como recomendación, el W3C añade que cada documento debe declarar su doctype HTML.

La sintaxis de la declaración cambia a medida que evolucionan las normas HTML: cada versión de HTML tiene su propia sintaxis. El W3C precisa que la declaración del doctype, en el lugar adecuado y en su sintaxis exacta, es un criterio decisivo para la calidad de un documento HTML.

El doctype desempeña dos funciones:

  • La declaración del doctype evita el modo “quirks”. El modo “quirks” es la técnica utilizada por los navegadores para mostrar sitios web codificados antes de la adopción de las normas del W3C: el navegador se remite a las antiguas reglas para interpretar el código. Si no se declara el doctype, el navegador muestra la página web en modo “quirks” aunque el código cumpla las normas del W3C. Esto puede dar lugar a errores en la representación en pantalla: los cuadros, por ejemplo, no se muestran con el tamaño correcto. Si se declara el doctype, el navegador muestra la página en modo estándar.
  • El doctype indica qué versión de HTML se está utilizando. Esto significa que el navegador sabe inmediatamente qué reglas debe aplicar para interpretar el lenguaje y mostrar la página web correctamente. En cierto modo, es una forma de poner de acuerdo al desarrollador y a los navegadores: el desarrollador codifica en un lenguaje concreto y los navegadores se remiten a las reglas aplicables a ese lenguaje. Para los usuarios del sitio web, esto garantiza que la experiencia de uso se desarrolle en condiciones óptimas.

Nota

Ten en cuenta que cuando una página web se ha codificado en una versión anterior de HTML, no es pertinente cambiar su doctype.

Cada versión de HTML tiene sus propias reglas y su propio doctype: el navegador aplica las reglas que corresponden al doctype. Si el desarrollador declara el doctype HTML5 cuando ha codificado la página según las reglas HTML 4, por ejemplo, el navegador corre el riesgo de renderizar una visualización que no cumpla los requisitos del desarrollador.

¿Qué Información Contiene el doctype?

Antes de la versión HTML5, el doctype contenía la DTD (Document Type Definition): la definición del tipo de documento. Por tanto, la sintaxis es relativamente compleja. Ejemplo de doctype para HTML 4.01:

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

Este doctype de una versión anterior a HTML5 contiene :

  • La palabra doctype, que anuncia la DTD.
  • La palabra HTML para indicar que todo el código entre las etiquetas HTML de apertura y cierre está cubierto por la DTD.
  • La palabra “public“, que indica el FPI. Puede tomar alternativamente el valor “system”.
  • La FPI “-//W3C//DTD HTML 4.01//ES“. Se trata del Identificador Público Formal para especificar que el código debe interpretarse de acuerdo con las normas HTML 4.01 del W3C.
  • La URL http://www.w3.org/TR/html4/strict.dtd remite al documento que describe el tipo de documento y las normas que debe aplicar el navegador.

Con cada nueva versión de HTML, las reglas del lenguaje evolucionan: la sintaxis para declarar el doctype también evoluciona. En la última versión de HTML, la sintaxis se ha simplificado considerablemente. Basta con escribir <!DOCTYPE html> sin ninguna descripción adicional.

¿Cómo se Declara el doctype en HTML5?

HTML5 es la última versión de HTML. El W3C recomienda que los desarrolladores utilicen esta versión del lenguaje para crear nuevos sitios web. Para declarar el doctype HTML5, escriba <!DOCTYPE html> en la primera línea de código del documento HTML. Esta instrucción no distingue entre mayúsculas y minúsculas.

Sintaxis:

<!DOCTYPE html>

O,

<!doctype html>

Código de Ejemplo

He aquí un pequeño ejemplo de una página HTML que cumple la recomendación HTML 5.

<!DOCTYPE html>
<html>
    <head>
        <title>Una página HTML en blanco</title>
        <meta charset="utf-8" />
    </head>
    <body>
        
    </body>
</html>

En resumen, DOCTYPE es una declaración utilizada en HTML para especificar la versión del lenguaje y la estructura del documento. Sirve para asegurar la compatibilidad y el rendimiento adecuado del contenido en diferentes navegadores. Al proporcionar ejemplos de DOCTYPE, podemos comprender mejor cómo utilizarlo correctamente y maximizar los beneficios que ofrece en el desarrollo web.

5/5 - (1 voto)