Neueste Web-Entwicklung Tutorials
 

HTML <summary> Tag


Beispiel

Mit dem <summary> 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 <summary> Tag definiert eine sichtbare Überschrift für das <details> Element. Die Überschrift kann angeklickt werden, um die Details anzuzeigen / auszublenden.


Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.

Element
<summary> 12.0 Nicht unterstützt 48.0 6.0 15,0

Unterschiede zwischen HTML 4.01 und HTML5

Die <summary> -Tag ist neu in HTML5.


Tipps und Hinweise

Hinweis: Die <summary> Element sollte das erste Kind Element der sein <details> Element.


globale Attribute

Die <summary> -Tag unterstützt auch den Global in HTML - Attribute .


Event-Attribute

Die <summary> Tag unterstützt auch der Veranstaltung in HTML - Attribute .


Verwandte Seiten

HTML - DOM - Referenz: Summary Object


Standard CSS-Einstellungen

Die meisten Browser erscheint auf dem Display <summary> Element mit den folgenden Standardwerte:

summary {
    display: block;
}