La etiqueta <details> en html/xhtml/html5 en profesordeinformatica.com

La etiqueta de html <details>

La etiqueta details te permite hacer visibles diferentes elementos simplemente haciendo clic sobre uno, indicado en la etiqueta summary, sin necesidad de utilizar otro código como javascript. Esta etiqueta no la aceptan muchos navegadores, inicialmente chrome y safari.

Ejemplo

Ejemplo etiqueta html <details> y <sumary>

 
Cliclar aquí para ver el texto adicional.

Esto vas a ver cuando clickes el texto adicional.

Si estas viendo esto sin clickar es porque tu navegador no soporta esta etiqueta.

Pruébalo



Sobre el profe

Esta es la página web de Aitor Lopez de Aberasturi profesor de informática en ITS Ciudad Jardin. También puedes visitar mi blog de clase.