Crea bloques desplegables accesibles sin JavaScript y con estructura semántica limpia.
details/summary es una solución nativa para FAQ, glosarios y bloques plegables.
Es accesible por teclado y se entiende mejor que muchos acordeones hechos a mano.
El atributo `open` define estado inicial abierto.
Puedes mejorar estilo con CSS sin perder semántica.
Un patrón pequeño con mucho valor práctico. 🧩
`summary` actúa como disparador visible. Debe ser claro y descriptivo para que el usuario sepa qué encontrará al abrir.
Dentro de `details` coloca contenido breve y estructurado; si metes demasiado, el acordeón deja de ayudar.
Menos ruido, más claridad.
Crea bloques desplegables accesibles sin JavaScript y con estructura semántica limpia.
Código del tema: <details> | <summary> | open
Un patrón pequeño con mucho valor práctico. 🧩
`summary` actúa como disparador visible. Debe ser claro y descriptivo para que el usuario sepa qué encontrará al abrir.
Dentro de `details` coloca contenido breve y estructurado; si metes demasiado, el acordeón deja de ayudar.
<details>
<summary>¿Necesito experiencia previa</summary>
<p>No. El curso empieza desde fundamentos y avanza por bloques.</p>
</details>Menos ruido, más claridad.