HTML
El formato más tolerante jamás diseñado, y la razón de que la web siga funcionando.
- Primera versión
- 1991
- Creado por
- Tim Berners-Lee, at CERN
- Tipado
- Un lenguaje de marcado, no un lenguaje de programación
- Extensiones de archivo
- .html, .htm
Para qué sirve
HTML describe lo que un documento significa. No cómo se ve, que es CSS, ni lo que hace, que es JavaScript. Un encabezado es un encabezado, una lista es una lista, un botón es un botón. Acertar en esas decisiones es la mayor parte de lo que separa una página que funciona para todos de una que funciona para quien tiene mouse y una pantalla grande.
Esa capa semántica es la base sobre la que se construye la accesibilidad. Un lector de pantalla, un rastreador de búsqueda y un botón de modo lectura leen todos la misma estructura, y a todos les va mejor con un <nav> y un <button> de verdad que con un div y un manejador de clic. La plataforma además regala una cantidad sorprendente de cosas: validación de formularios, selectores de fecha, diálogos nativos, imágenes de carga diferida, details y summary. Accesible por defecto, y reimplementado peor una y otra vez.
Y luego está la tolerancia a errores. HTML nunca falla al parsear. Los navegadores se recuperan de cualquier cosa, porque los primeros autores de la web no eran programadores y el formato tenía que sobrevivirlos. Esa decisión hizo que la web pudiera propagarse, y hace de HTML el formato que menos castiga al aprenderlo.
De dónde viene
Tim Berners-Lee propuso la web en el CERN en 1989 y para 1991 ya tenía funcionando HTML, HTTP y el primer navegador. El conjunto original de etiquetas era diminuto y tomó su sintaxis de SGML. La etiqueta de ancla, el hipervínculo, era toda la idea.
Las guerras de navegadores de mediados de los noventa agregaron etiquetas más rápido de lo que nadie podía estandarizarlas. HTML 4.01 llegó en 1999, seguido de un largo desvío hacia XHTML, que intentó imponer la rigidez de XML a un formato cuya tolerancia era su principal virtud. Los autores no obedecieron y los navegadores no podían obligarlos.
El WHATWG se formó en 2004 por la frustración con ese rumbo. Su trabajo en HTML5 trajo el seccionado semántico, video y audio, canvas y controles de formulario de verdad, y el W3C lo adoptó en 2014. Desde 2019 el Living Standard del WHATWG es la especificación única. Ya no hay versiones numeradas, solo lo que los navegadores implementan hoy.
Cómo se siente teclearlo
HTML es corchetes angulares y comillas, una y otra vez. Cada elemento se abre y se cierra, los atributos vienen en pares nombre="valor", y el anidamiento hace crecer la sangría rápido. Es el mejor ejercicio que existe para la puntuación con Shift que tus dedos suelen evitar.
104 pasos en 5 tours, desde lo básico hasta programas completos.
Los tours
- Estructura del documentoEl documento en sí. 28 pasos.
- Formularios y entradasLos formularios son la parte más capaz y más desaprovechada de HTML. 25 pasos.
- Semántica y metadatosMarcar lo que las cosas significan y no cómo se ven. 23 pasos.
- HTML accesibleQuince pasos, y la primera serie se llama Empieza por el elemento correcto porque eso es, de verdad, casi todo. 15 pasos.
- HTML interactivoLos elementos interactivos que la plataforma te da sin escribir una línea de JavaScript. 13 pasos.
Documentación oficial
- HTML Living Standard
- Referencia de elementos HTML de MDN
- ARIA Authoring Practices
- Referencia rápida de WCAG
- The Nu HTML Checker