CSS3 HTML5

Los nuevos estándares para el diseño y desarrollo web y Móvil

Capacitación HTML5

La etiqueta details de HTML5

| 3 Comentarios

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>

A continuación vemos el ejemplo en acción (por el momento funciona solamente en Chrome):

Licencia de uso

Este material pertenece a css3html5.com.ar bajo licencia Creative Commons

Para utilizar este material, consultar a sus respectivos autores.

¿Te ha gustado este tema? ¿Quieres aprender a utilizar HTML5? Puedes contactarnos para saber más.

Autor: Damián

Escribió cuatro libros, relacionados con sistemas operativos, hardware y desarrollo web, entre ellos se destaca Webmaster Profesional (editado en el año 2009) y HTML 5 – Entienda el cambio, aproveche su potencial lanzado en el 2011 en formato papel y en el 2012 en versión ebook. Se ha desempeñado como editor de libros relacionados con informática. Ha realizado trabajos de edición en la revista Users Digital Design, para la cual participa también escribiendo notas sobre diseño y desarrollo web. Ha colaborado como autor en la revista Dr. Max, Phone Users y en diversas colecciones de fascículos (Universo PC y 1000 Ideas PC, entre otras). Escribe contenidos para diversos medios online, incluyendo el sitio RedUSERS.com. Es consultor y especialista en desarrollo web, con amplio conocimiento en HTML, CSS, AJAX, PHP y Bases de datos. En la actualidad se destaca su trabajo en la preparación de contenidos relacionados con CSS3 y HTML5. Es profesor y dicta curso de HTML5 y clases en la Carrera de Programador Web en el Instituto IT Master Professional Training, en Buenos Aires (Argentina).

3 Comentarios

  1. Hola muy interesante y ahora como se le da estilo a la etiqueta Details ?

  2. Buenas recientemente e iniciado una petición en change.org para que añadan estas etiquetas en todos los navegadores web para que hagamos un poco de fuerza y las integren, si alguien desea echar una mano que la firme.Saludos y gracias de antemano

    https://www.change.org/p/mozilla-microsoft-apple-opera-integrar-los-elementos-details-y-summary-de-html5-en-todos-los-navegadores

Deja un comentario

Es requirido que se compelte.*.