Details-taggen

Taggen details lager en spoiler i HTML, det vil si at den brukes til informasjon som kan skjules eller vises etter brukerens ønske.

Som standard er innholdet i taggen skjult. For å vise det på brukerens anmodning bør man legge til taggen summary, som angir en overskrift for taggen details. Denne overskriften er alltid synlig på siden (selv om innholdet i details er i sammenfoldet tilstand), og man kan klikke på den for å utfolde den skjulte teksten eller folde den sammen.

Man kan også bruke attributten open på taggen details for å vise skjult innhold (for eksempel for å vise innholdet i details ved hjelp av JavaScript).

Eksempel

La oss se hvordan taggen details fungerer:

html<details>
  <summary>klikk på meg</summary>
  skjult tekst
</details>

Результат:

Se også