Mi plantilla base de HTML: la evolución del código repetido

Fuentes: My HTML Boilerplate

Un desarrollador web repasa en este ensayo la evolución del boilerplate de HTML, es decir, el bloque de código repetido que acompaña a casi toda página web moderna. El texto arranca con los documentos mínimos que eran válidos en los orígenes del lenguaje y avanza hasta la estructura completa exigida por el estándar actual: declaración de DOCTYPE, atributos de idioma, codificación UTF-8, metaetiquetas de viewport, título, hojas de estilo, precarga de fuentes y un nutrido conjunto de etiquetas Open Graph para incrustaciones en redes sociales.

El autor defiende que el orden de los elementos dentro del bloque influye directamente en el rendimiento de carga y recomienda apoyarse en herramientas como Capo.js para auditarlo. Detalla, etiqueta por etiqueta, la función de cada componente: desde el ajuste de escala de texto para respetar las preferencias del sistema, hasta los para feeds RSS y JSON, pasando por la gestión del color de tema según el esquema claro u oscuro del navegador.

El artículo también aborda buenas prácticas de accesibilidad: por qué no deben usarse los atributos minimum-scale, maximum-scale y user-scalable del viewport; por qué es imprescindible declarar el idioma principal del documento; y por qué las fuentes variables conviene servirlas en formato WOFF2 y precargarlas, incluso cuando residen en el mismo origen. Se trata de una guía práctica y argumentada sobre por qué la compatibilidad hacia atrás del HTML ha hecho indispensable este bloque repetitivo.