HTML-Tag <summary>

❮ Vorige Nächste ❯

Das Tag <summary> wird verwendet, um den sichtbaren Titel für das Element <details> zu bestimmen. Durch den Klick auf den Titel kann die Information angezeigt/ausgeblendet werden.

Das Element <summary> wird immer innerhalb des Tages <details> als an der ersten Stelle platziert.

Das Tag <summary> ist ein neues Element in HTML5.

Syntax

Der Inhalt des Tages wird zwischen den Start- (<summary>) und Endtags (</summary>) platziert.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <details>
      <summary>Copyright 2013-2014.</summary>
      <p> W3docs. Alle Rechte vorbehalten.</p>
      <p>Der Inhalt und die Charts auf der Webseite sind die Eigenschaft von W3Docs.com.</p>
    </details>
  </body>
</html>