tas2580
Blog über Webentwicklung

HTML - <details>

Definiert zusätzliche Details, die der Benutzer anzeigen oder ausblenden kann

Beispiel

<details>
  <summary>Copyright 1999-2016</summary>
  <p> - by tas2580. All Rights Reserved.</p>
</details>

Demo


Definition und Verwendung

Der <details> -Tag gibt zusätzliche Details an, die der Benutzer bei Bedarf ein- oder ausblenden kann.

Der <details> -Tag kann verwendet werden, um ein interaktives Widget zu erstellen, das der Benutzer öffnen und schließen kann. Jede Art von Inhalt kann innerhalb der <details> Tag gesetzt werden.

Der Inhalt eines <details> Element ist nicht sichtbar, es sei denn, das offene Attribut ist gesetzt.


Browser Unterstützung

Chrome 12.0
Firefox 48.0
Safari 6.0
Opera 15.0
Edge Nein
IE Nein

Attribute

Attribute stellen zusätzliche Informationen über HTML-Elemente bereit. Attribute müssen immer in den öffnenden Tag geschrieben werden.

Attribut Wert Beschreibung
open Gibt an, dass die Details (offen) für den Benutzer sichtbar sein sollen.

Der <details> Tag verwendet Globale HTML Attribute.