تگ های details و summary در HTML 🖐

🔴برای ایجاد محتوای قابل‌گسترش (collapsible content) استفاده می‌شن که به کاربر اجازه می‌دن با کلیک روی یک عنوان، محتوای مخفی رو ببینن. بریم سراغ جزئیات:تگ <details>این تگ برای تعریف یک بخش از محتوا استفاده می‌شه که می‌تونه باز یا بسته بشه.

⭐️تگ <summary>این تگ داخل <details> قرار می‌گیره و عنوانی رو که کاربر روش کلیک می‌کنه، مشخص می‌کنه.مثالفرض کنیم می‌خوایم اطلاعات بیشتری درباره‌ی یه موضوع نشون بدیم، اما نمی‌خوایم همیشه تمام اطلاعات نمایش داده بشن. از این تگ‌ها استفاده می‌کنیم:

<details>
  <summary>بیشتر بدانید</summary>
  <p>این محتوای اضافی است که کاربر می‌تواند با کلیک روی "بیشتر بدانید" مشاهده کند.</p>
</details>

#html #summary #details
☕️ @CodeExplore