Un cambio lento con consecuencias rápidas: el algoritmo de esquema HTML se eliminó de la especificación en 2022, pero los estilos UA predeterminados aún reducen un h1 anidado en una sección, artículo, navegación o aparte como si existiera un esquema. La publicación de MDN del 11 de abril de 2025 rastrea la eliminación y le muestra el estilo que sobrevive.
Published 2025-04-11: https://developer.mozilla.org/en-US/blog/h1-element-styles/Lo que realmente cambia
- Las reglas de UA que redujeron un h1 anidado en secciones a tamaños h2, h3, h4 se eliminan al ritmo del motor, Firefox se implementa por etapas y Chromium muestra advertencias de desuso a lo largo del camino.
- Lighthouse agregó la verificación H1UserAgentFontSizeInSection, por lo que las páginas que dependen del efecto de reducción ahora pierden puntos en lugar de desplazarse silenciosamente.
- El parche recomendado es breve: establece un tamaño de fuente y un margen explícitos para h1, y usa :where para que tus propias reglas de jerarquía sigan siendo competitivas.
El lado del marcado
La posición de las especificaciones merece énfasis: los documentos deben usar h2, h3 y siguientes para la jerarquía dentro de las secciones, porque ningún navegador inferirá más niveles a partir del anidamiento. Muy interesante desde el punto de vista de la revisión, la publicación brinda la lista de verificación y los bloques de estilo exactos, un excelente ejemplo de un equipo de documentos que detecta un cambio de estándares antes que su CI.
Audite cualquier diseño antiguo que todavía escriba un h1 dentro de una tarjeta de artículo; el parche de estilo es un cambio de un archivo y la advertencia ya está en su contra.