جلسه ۹۹ : آموزش کار با تگ summery در HTML

• جزئیات
• نوع محتواآموزشی

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل به این موضوع پرداختیم که تگ sub چیست و چگونه می توان از آن در HTML استفاده نمود.
در این جلسه و در ادامه این دور، به آموزش کار با تگ summery در HTML می پردازیم.

آموزش کار با تگ summery در HTML

به مثال زیر توجه نمایید.
در این مثال از یک تگ summery استفاده شده است.

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

تگ summery عنوانی قابل مشاهده را برای عنصر details تعریف می کند. برای دیدن / پنهان کردن جزئیات می توان روی عنوان کلیک کرد و سپس به ادامه ی محتوای موجود در تگ details دست یافت.

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

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

عنصر
<summery >	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

تگ summery در HTML5 تگ جدیدی محسوب می شود.

نکات و توصیه ها

نکته

تگ <summery> باید اولین عنصر child در عنصر <details> باشد.

خصیصه های سراسری Global Attributes

تگ <summery> از خصیصه های سراسری در HTML پشتیبانی می کند.

خصیصه رویداد Event Attributes

تگ <summery> از خصیصه رویداد در HTML پشتیبانی می کند.

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

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

کلام آخر

در این جلسه با تگ summery آشنا شدیم؛ تگ summery عنوانی قابل مشاهده را برای عنصر details تعریف می کند.
در جلسه آتی به بررسی و تشریح تگ sup خواهیم پرداخت.
با پی وی لرن همراه باشید.