details Etiketi
details etiketi, HTML'de bir spoyler oluşturur,
yani kullanıcının isteğine bağlı olarak
gizlenebilen veya gösterilebilen bilgiler için kullanılır.
Varsayılan olarak etiketin içeriği gizlidir,
kullanıcı talebiyle göstermek için
summary etiketi eklenmelidir,
bu etiket details etiketi için bir başlık belirtir.
Bu başlık sayfada her zaman görünürdur
(details içeriği daraltılmış durumda olsa bile)
ve gizli metni genişletmek veya daraltmak için
üzerine tıklanabilir.
Ayrıca gizli içeriği göstermek için
details etiketinin open özniteliği kullanılabilir
(örneğin, JavaScript kullanarak details
içeriğini göstermek için).
Örnek
details etiketinin nasıl çalıştığına bir bakalım:
<details>
<summary>click me</summary>
hidden text
</details>
:
Ayrıca Bakınız
-
hiddenözniteliği,
sayfadaki blokları gizler
