<details> ve <summary> etiketleri HTML5'te tanıtılmış kullanışlı özelliklerdir. Bunlar, kullanıcıya içeriği açıp kapama imkanı sunan bir açılır menü benzeri yapı oluşturur. <details> etiketi, açılır menünün çerçevesini oluştururken, <summary> etiketi, açılır menünün başlığını ve varsayılan olarak görünen içeriği belirtir.
<details>
<summary>Açılır Menü Başlığı</summary>
<p>Bu metin gizlenen alan içerisinde bulunmaktadır.</p>
</details>
Örnek;
Açılır Menü Başlığı
Bu metin gizlenen alan içerisinde bulunmaktadır.
Details etiketinde kapalı olan alanın eğer varsayılan olarak açık gelmesini istiyorsak Details etiketine open değerini eklememiz gerekmektedir.
<details open>
<summary>Açılır Menü Başlığı</summary>
<p>Bu metin gizlenen alan içerisinde bulunmaktadır. Ancak varsayılan olarak açık gelmektedir.</p>
</details>
Örnek;
Açılır Menü Başlığı
Bu metin gizlenen alan içerisinde bulunmaktadır. Ancak varsayılan olarak açık gelmektedir.
HTML'de Details ve Summary etiketleri.