This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
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 |
Atributos
Este elemento inclue 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 |
---|---|---|
WHATWG HTML Living Standard The definition of '<details>' in that specification. |
Living Standard | |
HTML5.1 The definition of '<details>' in that specification. |
Working Draft |
Compatibilidad con navegadores
Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Soporte básico | 12 | Not supported bug 591737 | Not supported | 15 | 6 |
Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Soporte básico | 4.0 | Not supported bug 591737 | Not supported | Not supported | Not supported |