آموزش تگ summary در HTML

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

آموزش تگ summary در HTML

Free-Learn

تگ Summary در HTML

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

محتوایی که درون این تگ قرار میگیرد یک محتوای قابل کلیک می باشد، به گونه ای که کاربر بروی آن کلیک میکند و میتواند محتوای موجود در تگ <details> را مشاهده نماید.

Free-Learn

مثال از تگ summary در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ summary در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی ۱۲٫۰ ۴۸٫۰ ۱۵٫۰ ۶٫۰ خیر

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

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

Free-Learn

نکات و توضیحات

تگ summary یک تگ جدید/اضافه شده در HTML5 می باشد.

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

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ summary را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn