Historia y versiones de HTML (HyperText Markup Language)

TODOS los fanáticos del desarrollo web, así como del diseño web conocemos algo sobre HTML. Sabemos que no es un lenguaje de programación, pero si es un lenguaje de etiquetas. Esas etiquetas son interpretadas por un software, es decir, por tu navegador web, para que podamos ver un sitio de forma ordenada y amigable para nuestro uso. Cada etiqueta es interpretada por el navegador como entrada y produce un aspecto visual como salida en nuestra pantalla. Es decir, HTML es el lenguaje que se utiliza para estructurar y desplegar contenido en una página web, sitio web o aplicación web.

HTML es en lenguaje que ya tiene su historia, fue inventado por Sir Timothy "Tim" John Berners-Lee, científico británico, conocido por ser el padre de la World Wide Web (WWW). En aquella época era trabajador del CERN (Organización Europea para la Investigación Nuclear). Él y su equipo, inventaron el lenguaje de etiquetas HTML en 1991, aunque su trabajo se inició en la década de los 80s. Hoy en día él es fundador director del World Wide Web Consortium (W3C), que supervisa el desarrollo continuo de la Web, emite sus recomendaciones (estándares) y marca tendencia en la Web.

HTML  ha evolucionado mucho desde sus inicios. He aquí un resumen de la historia de HTML y sus versiones con sus principales características:

• HTML 1.0 (1993): La primera especificación HTML, creada por Tim Berners-Lee, introdujo funciones básicas de formato y enlace para documentos en la World Wide Web.
• HTML 2.0 (1995): Esta versión añade nuevas funciones, como formularios y tablas, que permiten un contenido web más estructurado e interactivo.
• HTML 3.2 (1997): HTML 3.2 introdujo elementos más sofisticados y mejoró la compatibilidad con tablas y formularios. Fue ampliamente adoptado y desempeñó un papel crucial en los inicios de la web.
• HTML 4.01 (1999): HTML 4.01 perfeccionó las versiones anteriores, añadió soporte para hojas de estilo (CSS) y enfatizó la separación entre estructura (HTML) y presentación (CSS). Incluía DTD estrictas, transicionales y de conjunto de marcos para adaptarse a distintos niveles de cumplimiento.
• XHTML (década de 2000): XHTML (Extensible Hypertext Markup Language) se introdujo como una reformulación de HTML como aplicación de XML. Su objetivo era aplicar normas más estrictas para la sintaxis de marcado y documentos bien formados.
• HTML5 (2014): HTML5 supuso un gran salto en el desarrollo web. Introdujo una amplia gama de nuevos elementos y atributos, como multimedia (audio y vídeo), lienzo para dibujar, almacenamiento local y formularios mejorados. HTML5 hizo hincapié en la compatibilidad con dispositivos móviles y contenidos multimedia.
• HTML5.1 (2016): Esta revisión menor introdujo nuevos elementos y atributos, como <main>, <header>, <footer> y <dialog>, para mejorar la estructura y la semántica del documento.
• HTML5.2 (2017): HTML5.2 refinó aún más la especificación, añadiendo características como los elementos <details> y <summary> para crear widgets de divulgación interactivos.
• HTML Living Standard (en curso): En lugar de lanzar versiones discretas, HTML ha pasado a ser un "estándar vivo". Esto significa que evoluciona continuamente y se actualiza para reflejar las prácticas actuales de desarrollo web. Se añaden, perfeccionan y eliminan funciones en función de las necesidades.
• HTML6 (futuro): Todavía no existe un HTML6 oficial, se está debatiendo entre los grandes de la Web y proponiendo la próxima versión de HTML. Es probable que siga respondiendo a las necesidades cambiantes del desarrollo web y las nuevas tecnologías. No necesariamente continuará con el estándar viviente, probablemente sea una versión 6 de HTML la que nazca, estaremos atentos a esta noticia para compartirla en este Blog. 

COMPARATIVA DE LAS VERSIONES ESTÁNDAR DE HTML.

HTML 2.0 (1995):

• Es el primer estándar oficial de HTML.
• No soportaba tablas.
• Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional.
• HTML 2.0 ha mejorado mucho en términos de etiquetas de marcado.
• Entró en vigor el concepto de forma.
• Se desarrollaron formularios.
• Tabla vino como una etiqueta HTML.

HTML 3.2 (1997):

• Primera recomendación de HTML publicada por el W3C.
• Incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
• Ofrece mejor soporte para nuevos elementos de formulario.
• Incorporó soporte para las hojas de estilo en cascada (CSS).

HTML 4.01 (1998):

• Ejecución de scripts, marcos, objetos incluidos, tablas más complejas.
• Mejoras de accesibilidad para personas con discapacidades.
• Mecanismo estándar para incluir objetos genéricos y aplicaciones dentro de documentos HTML.
• Recomendación para la utilización de hojas de estilo en lugar de elementos y atributos de presentación de HTML.
• Nace el concepto de hoja de estilo externa. Bajo este concepto, se podría desarrollar un archivo CSS externo y este archivo de estilo externo podría incluirse en el propio HTML.
• Agrupar semánticamente los controles de un formulario.
• Soporte de los atributos TITLE y LANG en todos los elementos.
• Soporte de los elementos ABBR y ACRONYM
• Mecanismo de mapas de imágenes en el lado del cliente (el elemento MAP) que permite integrar vínculos de imagen y de texto).

HTML 5.0 (2014):

• Nace el soporte para nuevos elementos de formulario como elementos de entrada de diferentes tipos y etiquetas de soporte de geolocalizaciones.
• Nuevos atributos para el elemento input: autocomplete , min , max , multiple , pattern , autofocus , placeholder , required y step.
• Se simplifica la etiqueta !DOCTYPE la cual queda reducida a su mínima expresión: <!DOCTYPE HTML>.
• Ofrece diversas etiquetas para estructurar la página:

• <header>.- contiene la cabecera
• <nav>.- contiene una barra de navegación o lista de hipervínculos.
• <aside>.- puede ser un sidebar o un bloque de contenido secundario
• <article>.- el contenido principal
• <section>.- secciones de la pagina
• <footer>.- el pie de página. 

• Nuevas etiquetas: Correo electrónico (comprueba si el valor insertado es un correo electrónico válido), Contraseña (recibe una contraseña del usuario, lo que escribe en el campo no es visible directamente), Etiqueta de audio (ayuda a agregar audio a nuestra página web), Etiquetas semánticas (ayuda a dividir la página HTML en diferentes estructuras), Etiqueta de sección (representa una sección en una página web).

HTML 5.3 (2021):

• La mayoría de los marcos CSS tienen soporte para crear diálogos y, finalmente, este elemento también ha llegado de forma nativa a HTML (<dialog>).
• Ahora también es posible colocar elementos <style> dentro del elemento <body>.
• Ahora se puede tener varios elementos <main>.
• El <menu> (así como el elemento <menuitem> ahora se elimina de la especificación y, gradualmente, los navegadores también dejarán de admitirlo.
• El elemento <p> ahora sólo aceptará contenido de frases.
• El atributo autocapitalize nos ayudará a trabajar mucho con formularios, especialmente con elementos <input> y <textarea>.
• Última recomendación (estándar) numerada publicada por el W3C para dar paso a la evolución progresiva de HTML 5 como Living Standard.

La evolución que ha tenido el lenguaje HTML en la última década se ha visto impulsada por la necesidad de contenidos web más ricos, dinámicos y con mayor accesibilidad, así como compatibilidad con diversos dispositivos y plataformas que usamos hoy en el día a día. El cambio a un estándar vivo (living standard) refleja la naturaleza dinámica del desarrollo de aplicaciones web, en el que HTML evoluciona continuamente para satisfacer las demandas de las aplicaciones web modernas.

FINALMENTE, si bien es cierto que aún no existe como tal un HTML 6, se menciona que se esta cocinando una nueva versión como tal, pensando en dejar de lado la moda del living standard. De cualquier forma, para nosotros los aficionados al desarrollo web, HTML es fundamental y creemos que necesita estar en constante evolución ad-hoc a la tecnología. Incluso, adoptar etiquetas nuevas que nos permitan agilizar el desarrollo cuando se habla de crear soluciones software para el Internet de las Cosas (Internet of Things, IoT). De cualquier forma estaremos atentos en este Blog sobre cualquier novedad en HTML para compartirla con la comunidad. Pero si quieres consultar la tendencia o lo que se propone con respecto a elementos y atributos de HTML 6 (o HTML Next, como lo nombran algunos) puedes consultar el sitio web con las propuestas: https://www.w3.org/html/wg/next/markup/

Si quieres citar este artículo en tu texto, documento, etc. puedes hacerlo de la siguiente forma:

Aguilar-Calderón, J. A. (12 de septiembre de 2023). Historia y versiones del lenguaje de marcado de hipertexto, el famoso HTML (HyperText Markup Language). ANOVA LAB MX. https://anovalabmx.blogspot.com/2023/09/historia-y-versiones-del-lenguaje-de.html

Es cuánto.

Referencias:

• World Wide Web Consortium Official Website.
• HTML Next. https://www.w3.org/html/wg/next/markup/
• Campesato, Oswald. Web 2.0 fundamentals.