Örnek
Kullanımı <details> elemanı:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Kendin dene " Tanımı ve Kullanımı
<details> etiketi kullanıcı görüntülemek veya talep üzerine gizleyebileceğinizi ek ayrıntılar belirtir.
<details> etiketi kullanıcı açıp kapatmak etkileşimli bir aracı oluşturmak için kullanılabilir. Içerik herhangi bir tür içine konabilir <details> etiketinin.
Bir içeriği <details> sürece elemanı görünür olmamalı open nitelik ayarlanır.
Tarayıcı Desteği
Tablodaki rakamlar tamamen elemanı destekleyen ilk tarayıcı sürümü belirtin.
| Eleman | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | Desteklenmiyor | 48.0 | 6 | 15.0 |
HTML 4.01 ve HTML5 Arasındaki Farklar
<details> etiketi HTML5 getirdiği bir yeniliktir.
İpuçları ve Notlar
Tip: <summary> etiket ayrıntıları için görünür bir başlığı belirtmek için kullanılır. başlığı ayrıntılarını görüntülemek / gizlemek için tıklanabilir.
Nitelikler
= HTML5'teki Yeni.
| nitelik | değer | Açıklama |
|---|---|---|
| open | open | Ayrıntıları görünür olması gerektiğini belirtir (open) kullanıcıya |
Küresel Nitelikler
<details> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<details> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML DOM referansı: Details Nesne
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <details> aşağıdaki varsayılan değerlerle eleman:
details {
display: block;
}