برچسب <summary> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
عنوان قابل مشاهده را برای یک عنصر <details> تعریف می‌کند
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: block;

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

استفاده از عنصر <summary>:

<details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>


تعریف و کاربرد

برچسب <summary>، یک عنوان قابل مشاهده برای عنصر <details> تعریف می‌کند. می‌توان از عنوان برای کلیک به‌منظور نمایش/پنهان‌سازی جزئیات (details) استفاده کرد.[۱]

پشتیبانی مرورگر

عددهای موجود در جدول، نخستین نسخهٔ مرورگری را مشخص می‌کنند که بطور کامل از عنصر پشتیبانی می‌کند.

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<summary> بله بله بله بله بله

نکات و ملاحظات

توجه: عنصر <summary> باید نخستین عنصر فرزند از عنصر <details> باشد.

ویژگی‌های سراسری

همچنین برچسب <summary> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <summary> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Summary (Summary Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <summary> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

summary {
  display: block;
}


منابع آموزشی