Details
El elemento detail es un
bloque en nuestro documento HTML encerrado por las etiquetas details y details.
Encierra contenido que forma
los detalles adicionales que el usuario puede ver u ocultar según escoja, como
un acordeón que el usuario puede alternar abierto o cerrado y que puede
contener cualquier tipo de información.
Es de importancia reseñar
que actualmente (Noviembre, 2017) sólo el navegador Chrome soporta el elemento
details.
Este elemento contiene el
Atributo Global
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.
Elemento details y summary en HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo elemento details</title>
</head>
<body>
<details>
Bienvenidos a archilatutoriales
</details>
</body>
</html>
