Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

<details> Etiketi

<details> Etiketi

<details> etiketi kullanıcının bir widget ya da control yardımıyla daha fazla ayrıntıya ulaştığı etikettir.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam28292852
Bugün574

<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ı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

<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

MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓
Temel DestekYok [1]15612Yok
Tarayıcı →Öznitelik ↓
Temel DestekYok [1]YokYok4.0Yok

[1] : <details> etiketinde sorun var. Daha fazla ayrıntı için tıklayın !

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

Ö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.

İlişkili Etiketler

<summary> etiketi

Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
<details> Etiketi