<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)

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