Manual de referencia HTML

Todo el catálogo de etiquetas HTML

Etiqueta <dfn> de HTML Etiqueta <del> de HTML

Etiqueta <details> de HTML

HTML: <details> elemento puede crear un widget, que solo muestra la información contenida cuando se cambia al estado de desplegado. El elemento <summary> puede proporcionar un resumen o etiqueta para ese widget.

Ejemplo en línea

Uso del elemento <details>:

Ejemplo

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Uso del etiqueta details (基础教程网 oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<summary>Detalles</resumen>
　　　　Algo suficientemente pequeño para escapar a la atención casual.（基础教程网 oldtoolbag.com）
</details>
</body>
</html>

Prueba y observa ‹/›

¿Cómo es el rendimiento:?

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Actualmente, solo Chrome y Safari 6 Soporta la etiqueta <details>.

Definición y explicación de uso de la etiqueta

La etiqueta <details> especifica detalles adicionales visibles o ocultos que se necesitan.

La etiqueta <details> se utiliza para crear controles interactivos de encendido / apagado para el usuario. Cualquier tipo de contenido puede estar dentro de la etiqueta <details>.

El contenido del elemento <details> no es visible para el usuario a menos que se establezca la propiedad open.

HTML 4.01 y HTML5diferencias entre

La etiqueta <details> es una etiqueta de HTML5 nuevo en la etiqueta.

Consejos y Notas

Consejo:con <summary> Al usar etiquetas HTML en conjunto, se puede definir un título para details. El título es visible y al hacer clic en él, se muestra details.

Atributo

New: HTML5 nuevo en el atributo.

Atributo	Valor	Descripción
abiertoHTML5	abierto	Define si el details es visible o no.

Atributos globales

Soporte de <details> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporte de <details> etiqueta Atributos de eventos de HTML.

Etiqueta <dfn> de HTML Etiqueta <del> de HTML