تگ details در HTML

با تگ details در HTML در این مقاله آشنا شوید.

نکات اصلی تگ details در HTML

• تگ <details> یک ابزارک افشا تولید می کند. در آن می توان اطلاعات را از طریق کاربران نشان داد یا پنهان کرد.
• ترکیبی از عناصر <summary> و <details> به طور مکرر استفاده می شود.
• تگ های <details> محتوای مختلفی را می پذیرند.

استفاده از details در HTML

تگ <details> یک ابزارک افشای اطلاعات را به عنوان یک مثلث کوچک تنظیم می کند که می تواند برای نمایش یا پنهان کردن اطلاعات دستکاری شود.

به طور پیش فرض ، تگ details نادرست است ، به این معنی که محتوا به طور خودکار پنهان می شود.

<details>
  <summary>Copyright</summary>
  <p>- by your company</p>
  <p>Content governed by copyright.</p>
</details>

توجه: محتوای <details> (اگر فرزند اول باشد) تگ ویجت افشای تگ <details> است که HTML ایجاد می کند.

open

ویژگی باز ، محتوای تگ details را قابل مشاهده می کند. مرورگرهای Internet Explorer و Microsoft Edge از این ویژگی پشتیبانی نمی کنند.

<details open>
  <summary>Click here to hide or show</summary>
  <p>- Visible by default</p>
</details>

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

تگ details در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.