موضوع

تگ < 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.

 

Copyright 2014. All rights reserved.