تگ < details > :
از تگ < details > برای تعیین توضیحات اضافه درباره یک موضوع استفاده می شود ، که کاربر می تواند بر طبق نیاز و انتخاب خود ، آن را مخفی یا نمایان سازد . به عبارت دیگر تگ < details > ، برای ایجاد یک منو یک منوی متحرک استفاده شده ، که کاربر می تواند آن را با کلیک باز و بسته نماید . هر نوع متن یا تگ دیگر را می توان درون تگ < details > ، تعیین نمود .
نکته مهم : اگر خاصیت open را برای تگ < details > تعیین نکنید ، محتویات درونی آن به صورت پیش فرض مخفی خواهد بود .
نکته مهم 2 : از تگ < summary > برای تعیین محتویانت درونی تگ < details > ، استفاده می شود . هنگامی که کاربر بر روی عنوان تگ < details > کلیک نماید ، این محتویات مخفی و نمایان می شوند .
| Example | |
| کد |
حالت اول
open عدم تعیین خاصیت <details> <summary>Copyright 2014.</summary> <p> - by limanza.com : All Rights Reserved.</p> </details> حالت دوم open تعیین خاصیت <details open> <summary>Copyright 2014.</summary> <p> - by limanza.com : All Rights Reserved.</p> </details> |
| خروجی |
Copyright 2014.- by limanza.com : All Rights Reserved. Copyright 2008-2013.- by limanza.com : All Rights Reserved. |