Das HTML <details> Element

Ein Beispiel zur Anwendung des <details> Elements:

<details>
<dt>HTML5</dt>
<dd>Hier stehen alle zusätzlichen Informationen zu HTML5</dd>
</details>

Definition und Verwendung

Das <details> Element erzeugt einen Bereich, der angezeigt oder verborgen werden kann und dem Nutzer zusätzliche Informationen zu Kontrollelementen gibt. Zusätzlich kann das <details> Element die Elemente <dt> (zur Zusammenfassung der Details) sowie <dd> (in dem die Details selbst enthalten sind) beinhalten.


Browser Support Browser-Unterstützung

FireFox LogoOpera LogoChrome LogoSafari Logo

Das <details> Element wird von den aktuellen Browsern: Opera, Firefox, Chrome und Safari unterstützt. Bei älteren Browser können Probleme auftreten. Für den Internet Explorer sind keine Pläne zur Unterstützung des <details> Elements veröffentlicht.


Unterschiede zwischen HTML 4.01, XHTML und HTML5

Das <details> Element wird mit HTML5 eingeführt.


Tipps und Hinweise

Hinweise: Das Start-Tag <details> und End-Tag </details>, sind für die richtige Verwendung erforderlich!

Tipp: Um die zusätzlichen Informationen besser zu gliedern, ist die Verwendung der <dt>, <dd> oder des <summary> Tags sinnvoll.