Übersicht

Das HTML summary Element (<summary>) wird für Zusammenfassungen oder Legenden für den Inhalt eines <details> Elements verwendet.

Hinweis: Wenn das <summary> Element ausgelassen wird, wird stattdessen die Titelzeile des "details" Bereich genutzt.

Anwendung

Erlaubter Inhalt Formulierungsinhalt
Tag Auslassung None, both the start tag and the end tag are mandatory.
Erlaubte Elternelemente Das <details> Element.
Standard HTML5, section 4.11.2

Attribute

Dieses Element schließt nur globale Attribute ein.

DOM Schnittstelle

Dieses Element implementiert die HTMLElement Schnittstelle.

Beispiel

In summation, get details from the link on the next line

Siehe <details> Seite für Beispiele des <summary> Elements.

Spezifikation

Spezifikation Status Anmerkung
HTML Living Standard
Die Definition von '<summary>' in dieser Spezifikation.
Lebender Standard  
HTML 5.1
Die Definition von '<summary>' in dieser Spezifikation.
Empfehlung Initial definition

 

Browser Kompatibilität

 

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidiOS SafariSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 12Edge Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise In development.
Firefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 15Safari Vollständige Unterstützung 6WebView Android Vollständige Unterstützung 4Chrome Android Vollständige Unterstützung JaEdge Mobile Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise In development.
Firefox Android Vollständige Unterstützung 49Opera Android Vollständige Unterstützung 14Safari iOS Keine Unterstützung NeinSamsung Internet Android Vollständige Unterstützung Ja
display: list-itemChrome Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise Chrome currently doesn't use display: list-item on the <summary> element, so display: block will not automatically hide the disclosure widget. Instead, use the non-standard pseudo-element ::-webit-details-marker to change the disclosure widget in Chrome. See Chrome bug 590014 for details.
Edge Keine Unterstützung NeinFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise Chrome currently doesn't use display: list-item on the <summary> element, so display: block will not automatically hide the disclosure widget. Instead, use the non-standard pseudo-element ::-webit-details-marker to change the disclosure widget in Chrome. See Chrome bug 590014 for details.
Edge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 49Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.

 

Siehe auch

 

 

 

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, wbamberg, kklein
Zuletzt aktualisiert von: SJW,