La etiqueta <details>
de HTML5 nos permite definir un conjunto de información que se estará oculta para el usuario, por defecto, pero que podrá ser mostrada si el usuario hace clic.
Por lo general la veremos trabajando con <summary>
, que actuará como el texto visible. Veamos un ejemplo a continuación para entender mejor su funcionamiento:
<details> <summary>Licencia de uso</summary> <p>Este material pertenece a css3html5.com.ar bajo licencia Creative Commons</p> <p>Para utilizar este material, consultar a sus respectivos autores.</p> </details>
¿Simple, verdad? Ahora veamos el ejemplo en acción (importante: solo lo veremos funcionando en los navegadores compatibles):
Licencia de uso
Este material pertenece a css3html5.com.ar bajo licencia Creative Commons
Para utilizar este material, consultar a sus respectivos autores.