HTML - Element: <summary>

Der <summary>-Tag (HTML 5) (summary = Zusammenfassung) definiert eine sichtbare Überschrift für den <details>-Tag. Die Überschrift kann angeklickt werden, um Details anzuzeigen oder auszublenden.

<!DOCTYPE html>
<html>
<head>
 <title>Details anzeigen oder ausblenden</title>
</head>
<body>

<h1>Details anzeigen oder ausblenden</h1>

<details>
<summary>Das Blindtextchen</summary>
<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. 
Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.</p>
</details>

</body>
</html>

Beispiel anzeigen

Attribute

Mit dem Attribut open wird die Zusammenfassung geöffnet angezeigt:

<details open>
<summary>Das Blindtextchen</summary>
<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. 
Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.</p>
</details>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<iframe> Eingebettetes Framefenster

CSS - Position Sticky in einer HTML Tabelle

PHP - PDF-Dateien aus einer Auswahlliste hochladen

JavaScript - Frames per Link nachladen

MySQL - Benutzer nach 1 Stunde zurücksetzen