Znacznik details

Znacznik details tworzy spoiler w HTML, czyli jest używany do informacji, które można ukryć lub pokazać według życzenia użytkownika.

Domyślnie zawartość znacznika jest ukryta. Aby umożliwić jej pokazanie na żądanie użytkownika, należy dodać znacznik summary, który wskazuje tytuł dla znacznika details. Ten tytuł jest zawsze widoczny na stronie (nawet jeśli zawartość details jest w stanie zwiniętym) i można na niego klikać, aby rozwinąć ukryty tekst lub zwinąć.

Również do pokazania ukrytej zawartości można użyć atrybutu open znacznika details (na przykład, aby pokazać zawartość details za pomocą JavaScript).

Przykład

Spójrzmy, jak działa znacznik details:

html<details>
  <summary>click me</summary>
  hidden text
</details>

Результат:

Zobacz też