معرفی تگ

تگ < details > :

از تگ < details > برای تعیین توضیحات اضافه درباره یک موضوع استفاده می شود ، که کاربر می تواند بر طبق نیاز و انتخاب خود ، آن را مخفی یا نمایان سازد .
به عبارت دیگر تگ < details > ، برای ایجاد یک منو یک منوی متحرک استفاده شده ، که کاربر می تواند آن را با کلیک باز و بسته نماید . هر نوع متن یا تگ دیگر را می توان درون تگ < details > ، تعیین نمود .
نکته مهم : اگر خاصیت open را برای تگ < details > تعیین نکنید ، محتویات درونی آن به صورت پیش فرض مخفی خواهد بود .
نکته مهم ۲ : از تگ < summary > برای تعیین محتویانت درونی تگ < details > ، استفاده می شود .
هنگامی که کاربر بر روی عنوان تگ < details > کلیک نماید ، این محتویات مخفی و نمایان می شوند .

شکل کلی تعریف یک تگ < details > بصورت زیر است :
<details> محتویان مورد نظر درون تگ </details>

پشتیانی در مرورگر های مختلف :

این تگ فقط در مرورگر کروم و Safari پشتیبانی می شود .

مثال عملی :

در مثال های زیر ، نحوه استفاده از تگ < details > را در ۲ حالت متفاوت آن ، در عمل نمایش داده ایم :

توجه ! : این مثال فقط در مرورگر کروم کار می کند .
مثال :

معرفی تگ

درباره نویسنده

نوشته‌های مرتبط

ارسال دیدگاه

دسته ها

جستجو

رجیران

نمايندگی

سرورها

طراحی سایت

هاست

ثبت دامنه