El tag <dl> esconde un truco que acelera tu navegación

Ben Myers descubrió que el elemento <dl> (lista de definición) tiene un comportamiento inesperado: al combinarlo con el atributo hidden, el navegador oculta todo el contenido de la lista, pero no elimina su acceso mediante búsqueda en página. Esto permite crear secciones plegables nativas, sin JavaScript.

Por qué importa

Cada clic innecesario rompe el flujo de trabajo. Si puedes ocultar información densa (como glosarios, FAQs o metadatos) sin cargar librerías externas, reduces distracciones y aceleras la carga de la página. Para el lector, significa menos ruido visual y más control sobre qué expandir.

Qué dice el contexto

• El atributo hidden es soportado por todos los navegadores modernos desde HTML5.
• <dl> suele usarse para pares término-definición, pero también agrupa cualquier contenido relacionado.
• Al combinar <dl hidden> con CSS :not([hidden]), se puede mostrar/ocultar sin JavaScript.