Eingeführt in HTML5
Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.
Übersicht
Das HTML <details> Element wird genutzt für Auskünfte, damit Benutzer zusätzliche Informationen erhalten können.
| Inhaltskategorien | Fließender Inhalt, Sektionsursprung, interaktiver Inhalt, greifbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Ein <summary> Element gefolgt von fließenden Inhalt. |
| Tag Auslassung | Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich. |
| Erlaubte Elternelemente | Jedes Element, dass fließenden Inhalt erlaubt. |
| DOM Schnittstelle | HTMLDetailsElement |
Attribute
Dieses Element schließt globale Attribute ein.
open- Dieses Boolesche Attribut indiziert, ob die Details dem Benutzer beim Laden der Seite angezeigt werden. Standardmäßig steht dieser Wert auf 'false', sodass die Details versteckt sind.
Beispiel
<details> <summary>Some details</summary> <p>More info about the details.</p> </details>
Live Beispiel
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| WHATWG HTML Living Standard Die Definition von '<details>' in dieser Spezifikation. |
Lebender Standard | |
| HTML5 Die Definition von '<details>' in dieser Spezifikation. |
Empfehlung |
Browser Kompatibilität
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 12 | 49.0 (49.0) | Nicht unterstützt | 15 | 6 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 4.0 | 49.0 (49.0) | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt |
Siehe auch
<summary>Element