<details>
Etiketi Temel Özellikler
- Etiket Yazımı ve Etiket Kullanımı :
<details></details> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->
- Örnek :
- DOM Arayüzü :
HTMLDetailsElement
- Durum :
- Yaşayan Ölçün / Taslak
- Öznitelikler :
- Tüm Evrensel Öznitelikler
- Açıklama :
<details>
Etiketi Kullanımı
Markanız için 300X300 alan.
<details>
etiketi kullanıcının bir widget ya da control yardımıyla daha fazla ayrıntıya ulaştığı etikettir.
Çocuğu olarak <summary>
etiketi ayrıntıyı özetler. Eğer <summary>
etiketi yoksa tarayıcı kendi özetini gösterir: Ayrıntılar ( Details)
<summary>
etiketine girilen metnin yanında bir düğme belirir. Bu düğmeye tıklandığında, <details>
etiketinin kalan içeriği, kendisinden sonra gelen etiketleri aşağıya ittirerek kendisini kullanıcıya gösterir. Düğmeye yeniden tıklandığında içerik kapanır. Kendisinden sonraki içerik de eski yerine geri döner. Kullanıcının her tıklaması open
özniteliğinin etikete eklenip etiketten kaldırılmasını sağlar. Ayrıca open
özniteliği Javascript ile de etikete eklenip, etiketten kaldırılabilir. Yani etikete JavaScript yardımıyla da kolayca etki edilerek içerik üstünde denetim sağlanabilir.
Ayrıntılar sayfa yüklenir yüklenmez kullanıcıya gösterilmek isteniyorsa, etiket open
özniteliğiyle kullanılabilir :
<details open></details>
<details>
Etiketi Tarayıcı Desteği
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | Yok [1] | 15 | 6 | 12 | Yok |
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | Yok [1] | Yok | Yok | 4.0 | Yok |
[1] : <details>
etiketinde sorun var. Daha fazla ayrıntı için tıklayın !
Öznitelikler
open
- Boolean özniteliktir. Ayrıntıların görünür olup olmayacağını belirlemede kullanılır. Ayrıntılar sayfa yüklendiğinde gösterilmeyecekse kullanıcı, widget ya da control ile etkileşime geçerek ayrıntıları görünür duruma getirebilir.