Logo de la práctica

Práctica: Descubriendo los Lenguajes de Marcas en el Desarrollo Web

Ejercicio 1: Exploración Histórica de HTML

Hablar de la historia del lenguaje HTML es hablar de los inicios de la Web. HTML (Hyper Text Markup Language) es un lenguaje de marcas cuya finalidad es crear páginas web.

Desde su creación por Tim Berners-Lee, HTML ha sido la piedra angular de la web. Su primera versión en 1991 era un lenguaje sencillo con solo 18 etiquetas, pero ha evolucionado para adaptarse a las necesidades del desarrollo web.

HTML picture

Historia de HTML

Un viaje a través de la evolución del lenguaje de marcado que revolucionó la web

1991

Nacimiento de HTML

Tim Berners-Lee crea HTML en el CERN

Caracteristicas principales:

  • Basado en SCML (Standard Generalized Markut Lenguage).
  • Solo 18 elementos básicos como <title>, <h1>, <p>, <a>,
  • Primer documento HTML: "HTML Tags" describía la sintaxis.
Primer documento HTML

1993

HTML+

Primera expansión significativa de HTML

Caracteristicas principales:

  • Introducción de formularios básicos.
  • Soporte para tablas simples.
  • Elementos de texto enriquecido.
  • Base para futuras especificaciones.
Buscador Mosaic

1995

HTML 2.0

Primer estándar oficial de HTML

Caracteristicas principales:

  • RFC 1866 - Primera especificación formal.
  • Definición clara de elementos y atributos.
  • Soporte para formularios interactivos.
  • Base sólida para el desarrollo web.
Especificacion HTML2.0

1997

HTML 3.2

Estandarización por el W3C

Caracteristicas principales:

  • W3C toma control de las especificaciones
  • Introducción de tablas complejas.
  • Soporte para scripts (JavaScript).
  • Elementos de presentación como <font> y <center>.
W3C logo

1999

HTML 4.01

Separación de contenido y presentación

Caracteristicas principales:

  • Introducción de hojas de estilo CSS.
  • Mejores elementos semánticos.
  • Soporte para internacionalización.
  • Accesibilidad web mejorada.
Friends web image

2000

XHTML 1.0

HTML reformulado como XML

Caracteristicas principales:

  • Sintaxis más estricta basada en XML.
  • Elementos deben cerrarse correctamente.
  • Atributos en minúsculas y con comillas.
  • Preparación para la web semántica.
Logo de HTML5

2014

HTML5

Revolución multimedia y semántica

Caracteristicas principales:

  • Elementos semánticos: <header>, <nav>, <article>, <section>.
  • Multimedia nativa: <video>, <audio>, <canvas>.
  • APIs JavaScript avanzadas.
  • Formularios mejorados con nuevos tipos de input.
Logo de HTML5

Presente

Presente

HTML Living Standard

Caracteristicas principales:

  • WHATWG mantiene el estándar vivo.
  • Actualizaciones continuas sin versiones.
  • Nuevas APIs y elementos constantemente.
  • Enfoque en Progressive Web Apps.
WHATWG Logo
Tabla Comparativa de Versiones de HTML
Versión Compatibilidad Sintaxis Características Semánticas Compatibilidad con Navegadores Reflexión Personal
HTML 3.2 (1997) Amplia, soportada en la mayoría de navegadores de la época. Poco estricta, permitía mezclar contenido y diseño. Muy básicas, sin etiquetas específicas de significado. Compatible con Netscape Navigator e Internet Explorer. Prefiero usar HTML5 porque es más semántico, moderno y compatible con los navegadores actuales. Además, facilita la accesibilidad y la integración de multimedia sin necesidad de plugins.
HTML 4.01 (1999) Alta, se convirtió en estándar durante años. Más organizada, promovía el uso de CSS para estilos. Introdujo mejoras en formularios y accesibilidad. Compatible con la mayoría de navegadores de la época.
XHTML 1.0/1.1 (2000–2001) Requiere navegadores modernos para validación estricta. Basado en XML, con reglas muy estrictas (cierre obligatorio de etiquetas, uso de minúsculas). Más estructurado, pero no añadió grandes avances semánticos. Soportado, pero con problemas en navegadores antiguos.
HTML5 (2014) Total, es el estándar actual. Flexible, compatible con HTML anterior. Etiquetas semánticas (<header>, <footer>, <nav>, <article>). Todos los navegadores modernos lo soportan.