تگ summary در HTML

تگ summary در HTML درون عنصر <details> قرار میگیرد و نام یا عنوان این عنصر را مشخص می کند.

مثال

<details>
<summary>فیزیک کوانتوم</summary>
<p>مکانیک کوانتومی (به انگلیسی: Quantum mechanics) شاخه‌ای بنیادی از فیزیک نظری است که با پدیده‌های فیزیکی در مقیاس میکروسکوپی سر و کار دارد. </p>
</details>

تست آنلاین کد

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

تگ summary در HTML درون تگ <details> جهت مشخص کردن یک نام یا عنوان برای عنصر <details> مورد استفاده قرار میگیرد.

نکته: تگ <summary> باید اولین عنصر فرزند تگ <details> باشد.

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

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

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

اکثر مرورگر ها عنصر summary در HTML را با تنظیمات پیش فرض زیر نمایش می دهند: