Introducción

HTML es un lenguaje de marcas basado en XML creado por Tim Berners-Lee en el CERN con el propósito de crear un sistema que permitiera compartir y manejar la gran cantidad de información académica. Uno de los principales inconvenientes que tenían en el CERN era buscar manualmente las referencias que encontraban los académicos e investigadores en los diferentes documentos.

Tim Berners-Lee define el concepto de "hipertexto" que permite "referenciar" y "acceder" de forma directa a partes del documento u otros documentos en la red, denominando a esta propuesta World Wide Web (W3).

Los elementos que compusieron la primera versión de la Web eran:

• Protocolo de transferencia de hipertexto (HTTP). Conjunto de reglas para la

transferencia de información entre el cliente y el servidor, protocolo muy sencillo.

• Lenguaje de marcado de hipertexto. Lenguaje para la definición de

documentos en la WWW, que permite definir "hipertextos" que referencian a otros documentos.

Inicialmente utilizado en ámbitos científicos y universitarios, experimentando a mediados de la década de los noventa del siglo pasado una expansión gracias a la aparición de los navegadores como Mosaic o Netscape Navigator.

A lo largo de los años han aparecido diferentes versiones de HTML para adaptarse a las necesidades de cada momento, por ejemplo, eliminar etiquetas relacionadas con la presentación (colores, tipos de letra…) que no forman parte de la estructura o añadir significado a las etiquetas de forma que ofrezcan información del contenido (metainformación).

Inicialmente HTML no era un lenguaje estandarizado, con los problemas que conllevaba, se publicó la primera descripción en 1991 y hasta 1995 no se convierte en un estándar publicado por el IRTF en el RFC 1866 con la versión 2.

A partir de aquí surge la World Wide Web Consortium o W3C que es la encargada de la estandarización de las tecnologías web. Así, la versión 3 pasa a estar definida por el W3C y se basa en SGML y en la versión 4 aparecida en el 97 se divide en 3 variaciones, en función del DTD (reglas), que se especifican en el DOCTYPE:

• Estricto: los elementos obsoletos están prohibidos (no válidos). Se eliminan las etiquetas que dan formato, por ejemplo, font o align. Para usar este modo hay que añadir la siguiente cabecera:

  <!DOCTYPE HTML PUBLIC "http://www.w3.org/TR/html4/strict.dtd">
  

• Transición: se permiten los elementos obsoletos. Para usar este modo se añade esta otra cabecera:

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

• Frameset: para poder utilizar frames (marcos) que son etiquetas que referencian a otros documentos completos. Totalmente prohibido su uso en la actualidad. Se usaba la siguiente cabecera:

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

La versión actual de HTML es la 5 y para usarla se emplea la cabecera siguiente:

<!DOCTYPE html>

Así, en esta última versión, ya no se hace referencia a un DTD, simplemente se usa esta directiva para que los navegadores modernos rendericen la página en modo estándar en lugar de en modo compatibilidad.

Para terminar, en paralelo aparecieron otras versiones de HTML como fue el caso de XHTML (la X provienen de extensible y se basa en XML). Es muy estricto a nivel técnico. Es una recomendación de W3C y facilita la labor de análisis a los navegadores, ya que no tienen que solventar problemas de HTML que no está bien formado o no es válido. Además, se pueden usar las mismas herramientas y tecnologías que existen para XML.

Las primeras versiones XHTML 1.0. y 1.1 convive con HTML4 y posee también 3 tipos (estricto, transaccional y frameset), y posee por tando DTD para su validación, en el caso de estricto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Actualmente la versión de XHTML es la 5 y al igual que las versiones anteriores es más estricto que la versión HTML5, aunque los navegadores pueden usar uno u otro si el tipo MIME es text/html, y diferenciando si el tipo es application/html+xml.

Hoy en día, el desarrollo de HTML ha dado un giro importante hacia un modelo de evolución continua. A diferencia de los cambios drásticos del pasado (como el salto de HTML 4 a HTML 5), actualmente se gestiona bajo el concepto de HTML Living Standard (Estándar Vivo) promovido por el WHATWG (Web Hypertext Application Technology Working Group), un organismo en el que participan los principales fabricantes de navegadores (Apple, Google, Mozilla, Microsoft) en estrecha colaboración con el W3C.

Este enfoque significa que HTML ya no se publica en versiones cerradas (como 5.0 o 5.1), sino que se actualiza y amplía de manera constante con nuevas etiquetas, APIs y características orientadas a la web moderna (aplicaciones web progresivas, multimedia avanzada, seguridad, rendimiento, etc), manteniendo siempre la compatibilidad hacia atrás.

Para el desarrollo profesional en DAM, esto implica trabajar con un estándar vivo donde la semántica, la accesibilidad (a través de WAI-ARIA) y la validación mediante herramientas oficiales como el W3C Markup Validation Service son pilares fundamentales para garantizar que nuestras aplicaciones web sean robustas, multiplataforma y accesibles para cualquier usuario o dispositivo.

Para cerrar esta introducción, es necesario mencionar las tres tecnologías base que se usan en la web:

• HTML, de la que ya se ha comentado largo y tendido en este apartado.
• CSS, que será la protagonista al final de este tema.
• JavaScript, que tiene reservado toda una unidad de trabajo o tema para ella.

Los navegadores web son los encargados de interpretar las páginas web en las que se pueden encontrar estas tres tecnologías.