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:

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

Результат:

Ayrıca Bakınız