HTML ساختاری

تگ details

تگ details بخشی از محتوا را به‌صورت بازشدنی و جمع‌شونده می‌سازد بدون نیاز به جاوااسکریپت. ویژگی open باعث نمایش پیش‌فرض محتوا می‌شود و با کلیک کاربر تغییر می‌کند. عنوان همیشه‌نمایان بخش با تگ summary تعریف می‌شود.

سینتکس

<details open> <summary> عنوان </summary> محتوا </details>

مثال کاربردی

<details>
  <summary>جزئیات بیشتر</summary>
  <p>متن توضیحات اضافه اینجا قرار می‌گیرد.</p>
</details>

ویژگی‌های (Attributes) مهم

open نمایش باز محتوا به‌صورت پیش‌فرض
class کلاس CSS برای استایل‌دهی
id شناسه یکتا در صفحه