Details-tagget

Tagget details skaber en spoiler i HTML, det vil sige, den bruges til information, som kan skjules eller vises efter brugerens ønske.

Som standard er taggets indhold skjult. For at vise det på brugerens anmodning skal man tilføje tagget summary, som angiver en overskrift for tagget details. Denne overskrift er altid synlig på siden (selvom indholdet af details er i sammenfoldet tilstand), og man kan klikke på den for at udfolde den skjulte tekst eller folde den sammen.

Man kan også bruge attributten open i tagget details for at vise det skjulte indhold (for eksempel for at vise indholdet af details ved hjælp af JavaScript).

Eksempel

Lad os se, hvordan tagget details fungerer:

html<details>
  <summary>klik på mig</summary>
  skjult tekst
</details>

Результат:

Se også