Damián De Luca - Capacitación & Desarrollo Web

La etiqueta details de HTML5

HTML5

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.

Salir de la versión móvil