Beispiel
Mit dem <details> Element:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Versuch es selber " Definition und Verwendung
Die <details> -Tag gibt zusätzliche Details , dass der Benutzer bei Bedarf ein- oder ausblenden können.
Die <details> können Tag verwendet werden , um ein interaktives Widget zu erstellen , die der Benutzer öffnen und schließen kann. Jede Art von Inhalt kann innerhalb der gesetzt werden <details> Tag.
Der Inhalt eines <details> Element sollte nicht sichtbar sein , wenn die open Attribut gesetzt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | Nicht unterstützt | 48.0 | 6.0 | 15,0 |
Unterschiede zwischen HTML 4.01 und HTML5
Die <details> Tag ist neu in HTML5.
Tipps und Hinweise
Tipp: Die <summary> -Tag verwendet wird , eine sichtbare Überschrift für die Details angeben.Die Überschrift kann angeklickt werden, um die Details anzuzeigen / auszublenden.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| open | open | Gibt an, dass die Details (offen) für den Benutzer sichtbar sein soll |
globale Attribute
Die <details> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <details> Tag unterstützt auch die Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Details der Object
Standard CSS-Einstellungen
Die meisten Browser zeigt das Display <details> Element mit den folgenden Standardwerte:
details {
display: block;
}