<details>

Experimental

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

Resumen

El elemento HTML Details <details> es usado como un widget de revelación a través del cual el usuario puede obtener información adicional .

Categorías de contenido	Contenido dinámico , contenido de seccionamiento, contenido interactivo, contenido palpable .
Contenido permitido	Un elemento `<summary>` seguido de contenido dinámico
Omisión de etiquetas	None, both the starting and ending tag are mandatory.
Elementos padres permitidos	Cualquier elemento que acepte contenido dinámico.
Interfaz DOM	`HTMLDetailsElement` (en-US)

Atributos

Este elemento incluye los atributos globales .

open: Este atributo Booleano indica si los detalles serán mostrados al usuario cuando la página se cargue . Por default el valor es false y por lo tanto los detalles estarán ocultos.

Ejemplo

<details>
  <summary>Some details</summary>
  <p>More info about the details.</p>
</details>

Resultado

Nota: Si el el ejemplo de arriba no funciona , ver Compatibilidad con navegadores para determinar si el navegador soporta esta característica .

Especificaciones

Especificaciones	Estatus	Comentario
HTML Living Standard La definición de '<details>' en esta especificación.	Living Standard
HTML 5.1 La definición de '<details>' en esta especificación.	Recommendation

Compatibilidad con navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Escritorio
Móvil

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Soporte básico	12	Sin soporte error 591737	Sin soporte	15	6

Característica	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Soporte básico	4.0	Sin soporte error 591737	Sin soporte	Sin soporte	Sin soporte

Ver también

<summary>