HTML details Etiketi

<details> Etiketi

Örnek

<details> elementinin kullanımı:

<details>
  <summary>Copyright 2015</summary>
  <p>Tüm hakları saklıdır.</p>
  <p>İçeriğin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır.</p>
</details>

<details> Tanımı ve Kullanımı

<details> etiketi kullanıcının isteğe bağlı görüntüleyebileceği ya da gizleyebileceği ek detayları belirler.

<details> etiketi kullanıcının açıp kapayabileceği interaktif bir widget oluşturmak için kullanılabilir.

open özelliği girilmemişse, <details> elementinin içeriği görünür olmamalıdır


Tarayıcı Desteği

Tablodaki sayılar, elementi hatasız destekleyen ilk tarayıcı versiyonunu ifade ediyor.

Element
<details> 12.0 Desteklenmiyor Desteklenmiyor Desteklenmiyor 6.0 15.0

HTML 4.01 ile HTML5 arasındaki farklar

<details> etiketi HTML5'te yenidir.


İpuçları ve Notlar

İpucu: <summary> etiketi detaylar için görünür bir başlık belirlemek için kullanılır. Detayları görüntülemek/gizlemek için başlık tıklanır.


Özellikler

= HTML5'te yeni.

Özellik Değer Tanım
open open Detayların kullanıcıya görünür (açık) olduğunu ifade eder.

Standart Özellikler

<details> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.


Olay Özellikleri

<details> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Yorumlar

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin