HTML <details>Tag


Beispiele

Verwenden Sie das <details>-Element:

<details> <summary>Copyright 1999-2011.</summary> <p> - von Refsnes Data. Alle Rechte vorbehalten.</p> <p>Alle Inhalte und Grafiken auf dieser Website sind Eigentum des Unternehmens Refsnes Data.</p> </details>

Selbst ausprobieren »

Browser-Unterstützung

Internet Explorer Firefox Opera Google Chrome Safari

Derzeit unterstützen nur Chrome und Safari 6 das <details>-Tag.

Definition und Verwendung

Das <details>-Tag gibt zusätzliche Details an, die der Benutzer anzeigen oder ausblenden kann.

Das <details>-Tag wird verwendet, um ein interaktives Steuerelement zu erstellen, das Benutzer öffnen und schließen können. Jede Art von Inhalt kann innerhalb des <details>-Tags platziert werden.

Der Inhalt des <details>-Elements ist für den Benutzer nicht sichtbar, es sei denn, das open-Attribut ist gesetzt.

Unterschiede zwischen HTML 4.01 und HTML5

Das <details>-Tag ist neu in HTML5.

Tipps und Hinweise

Tipp:und<summary>Das <summary>-Tag wird zusammen mit <details> verwendet, um eine Überschrift für die Details zu definieren. Die Überschrift ist sichtbar, und wenn der Benutzer auf die Überschrift klickt, werden die Details angezeigt.

Attribute

NeuNeue Attribute in HTML5.

Attribute Wert Beschreibung
openNeu open Gibt an, ob die Details sichtbar sind.

Globale Attribute

Das <details>-Tag unterstütztglobale HTML-Attribute。

Ereignisattribute

Das <details>-Tag unterstütztHTML-Ereignisattribute。

Andere Erweiterungen