Elemento DETAILS

Introduce una funcionalidad muy extendida y que con HTML 4 requiere el uso de Javascript: los bloques de contenido desplegable.

Se muestra el texto del elemento SUMMARY, mientras que los elementos que le siguen aparecen ocultos.

La etiqueta SUMMARY coge el foco, como si se tratase de un enlace.

Aun no existe soporte en ningún navegador, pero se puede simular por Javascript.

Saber más: details – control for additional on-demand information (enlace externo, en inglés).

Ejemplos

<details>
  <summary>[Título de bloque, se muestra por defecto]</summary>
  <p>[Texto del bloque, se oculta por defecto]</p>
</details>
Ejemplo de uso de elemento DETAILS

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.