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:
<details>
<summary>click me</summary>
hidden text
</details>
:
Zobacz też
-
atrybut
hidden,
który ukrywa bloki na stronie
