HTML/Elemente/summary
Aus SELFHTML-Wiki
Das summary-Element ermöglicht es, dem details-Element eine Überschrift zu geben.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- erlaubte Inhalte
-
- Text
- beliebig viele Elemente mit phrasing content
Beispiel
<details>
<summary> Update News: </summary>
<p> Das details-Element ermöglicht es, ganz ohne den Einsatz von JavaScript,
ursprünglich verborgene Textinhalte aufzuklappen.
</p>
</details>
Das Beispiel enthält ein details-Element, dessen erstes Kind ein summary mit einem Info-Text ist.
Beachten Sie:
Wenn kein Summary-Element verwendet wird, zeigt der Browser den Text Details an.
Wenn kein Summary-Element verwendet wird, zeigt der Browser den Text Details an.
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
Universalattribute | |||
id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
class | Token | ordnet ein Element einer oder mehreren Klassen zu. | |
accesskey | Text (string) | Tastaturkürzel | |
contenteditable | Boolean | editierbarer Inhalt | |
dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
draggable | Boolean | kann mit Drag & Drop gezogen werden | |
hidden | Boolean | versteckter Inhalt | |
lang | Sprachkürzel | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
spellcheck | Boolean | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
style | String (Text) | notiert direkt in einem Element- style sheet data | |
tabindex | NUMBER | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
title | String (Text) | betitelt oder beschreibt ein Element. |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
Weblinks
- Spezifikation (W3C): The summary-Element