HTML-tagg: <summary>

Användning

<summary>-taggen används för att skapa en sammanfattning eller översikt av textinnehåll. Sammanfattningen kan döljas eller visas med hjälp av ett expanderbart och kollapsbart gränssnitt.

Attribut

open: Anger om sammanfattningen ska vara öppen som standard (sant) eller stängd (falskt).

Exempel

<details>
  <summary>Sammanfattning av text</summary>
  <p>Här är en längre text som kan döljas eller visas med hjälp av sammanfattningen.</p>
</details>

Utforska <summary>-taggen

<!DOCTYPE html>
<html>
<body>

<h2>Sammanfattningsbar text</h2>

<details>
  <summary>Sammanfattning</summary>
  <p>Denna text är normalt dold.</p>
</details>

<script>
  // Visa sammanfattningen automatiskt
  var summary = document.querySelector('summary');
  summary.open = true;
</script>

</body>
</html>