Ya hemos visto como se ha desarrollado HTML desde que se creó en 1991 hasta hoy día. Ahora entraremos en el codigo empezando por la declaración del <!DOCTYPE html>

Por norma general, el archivo principal de toda página web es el index.html, es algo que algunos programadores ya experimentados pueden saber pero que a los nuevos les conviene saber. Claramente al documento principal puedes llamar hola.html ó buenosdias.html, pero lo que todo el mundo hace es nombrar ese archivo como index.html

¿<!DOCTYPE html>?

<!DOCTYPE html> no es una etiqueta, como dije arriba era una declaración, ¿una declaración para qué? para decirle al navegador que voy a utilizar HTML5 o HTML 4.01 o HTML 3.2. Si haceis la prueba y os saltais el <!DOCTYPE html> seguira viendose la web, pero tal vez sea una web pequeña, en cuanto empieces a escribir etiquetas de HTML5 y atributos creados en esta versión, veras que tu web no es igual.

¿Por qué?

Porque determina qué versión de HTML utiliza el documento, y esa es una información clave que necesitan los navegadores u otras herramientas que procesen el documento.

_______________________

Un ejemplo muy claro de herramienta es el validador de etiquetas que la W3C nos proporciona a los desarrolladores que detecta el doctype (Vamos a llamarlo así para acortar) y valida si el cogido está bien escrito según las nuevas normas que surgén.

_______________________

Lo más importate de todo, que nos importa a todos los desarrolladores, es que si ponemos el doctype nuestra web será más rapida porque le quitamos trabajo al navegador (Que es el que interpreta el codigo) diciendole directamente que esto es HTML5 sin que se tenga que marear la cabeza.

Hay muchas formas de declarar el doctype, desde los comienzos de HTML se utilizaba un doctype largo que precisaba la declaración de un archivo .dtd (Es un archivo que declara las etiquetas y su contenido), este doctype era algo así:

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

Ver solo que para empezar a escribir código HTML se necesita esto, hace que tanto desarrolladores como los que quieren aprender a desarrollar se les quite las ganas, por eso muchos IDE (Es el programa donde se escribe el codigo, lo veremos más adelante) incluian la opción de generar automaticamente el doctype.
La pregunta del millón...

¿A qué versión de HTML pertenece el doctype de arriba?

A. HTML 4.01
B. HTML 4.01 (Strict)
C. HTML 4.01 (Transitional)

Nosotros programaremos en HTML5, no es HTML 4.01 ni ninguna otra especificación, por lo que aprenderemos solamente el doctype de esta versión.

Las versiones anteriores de HTML5 como HTML 4.01 (Que es justo la versión anterior) estaba basada en SGML por lo que hacía obligatorio declarar el archivo .dtd. HTML5 cambia las cosas y al no estar basada en SGML no hace necesario declarar un doctype tan basto, por lo que se reduce a un simple:

<!DOCTYPE html>

Es fácil, ¿no? Ahora empezar a desarrollar solo nos llevará unos segundos, e inmediatamente podremos empezar a programar por la siguiente etiqueta:

<html></html>