تگ summary در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ summary در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ summary چیست؟

تگ summary برای تگ details عنوان با متن دلخواه ایجاد می کند.

این تگ با <summary> شروع شده و با </summary> پایان می یابد.

<summary>Text</summary>

مثال تگ summary

کد:

<details>
  <summary>عنوان</summary>
  <p>متن</p>
</details>

اجرا

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

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

summary {
  display: block;
}

سازگاری با مرورگرها

تگ summary با مرورگرهای زیر سازگار است:

• گوگل کروم نسخه 12 و بالاتر
• فایرفاکس نسخه 49 و بالاتر
• اج نسخه 79 و بالاتر
• اپرا نسخه 15 و بالاتر
• سافاری نسخه 6 و بالاتر
• گوگل کروم اندروید
• فایرفاکس اندروید نسخه 49 و بالاتر
• اپرا اندروید نسخه 14 و بالاتر
• سافاری iOS