<details>

Ü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
HTML Living Standard
Die Definition von '<details>' in dieser Spezifikation.		 Lebender Standard  
HTML5
Die Definition von '<details>' in dieser Spezifikation.		 Empfehlung  

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
detailsChrome Vollständige Unterstützung 12Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 49
Hinweise
Vollständige Unterstützung 49
Hinweise
Hinweise Before Firefox 57, there was a bug meaning that <details> elements can't be made open by default using the open attribute if they have a CSS animation active on them.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung 15Safari Vollständige Unterstützung 6WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 49
Hinweise
Vollständige Unterstützung 49
Hinweise
Hinweise There is a bug meaning that <details> elements can't be made open by default using the open attribute if they have a CSS animation active on them.
Opera Android Vollständige Unterstützung 14Safari iOS Vollständige Unterstützung 6.1Samsung Internet Android Vollständige Unterstützung Ja
openChrome Vollständige Unterstützung 12Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 15Safari Vollständige Unterstützung 6WebView Android Vollständige Unterstützung 4Chrome Android Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 49Opera Android Vollständige Unterstützung 14Safari iOS Vollständige Unterstützung 6.1Samsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.

Siehe auch