English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

Todo el catálogo de etiquetas 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>:

!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.

AtributoValorDescripción
abiertoHTML5abiertoDefine 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.