تگ figure در HTML

با تگ figure در HTML آشنا شوید.

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

• تگ <figure> محتوای مستقل را مشخص می کند.
• <figcaption> یک عنوان اختیاری برای این محتوا اضافه می کند. این می تواند فرزند اول یا آخر <figure> عنصر باشد.

هدف و کاربرد figure

تگ <figure> محتوای مستقل را تعریف می کند. عنصر <figure> معمولاً تصاویر ، قطعه های کد ، نمودارها ، تصاویر و غیره را نشان می دهد. نحوه افزودن تصویر در HTML با عنصر <img> را بیاموزید.

توجه: عناصر مستقل نشان می دهد که آن ها می توانند بدون تأثیر بر جریان سند حذف شوند.

<figure>
  <figcaption>Logo</figcaption>
  <img src="image.png" alt="Logo" width="300" height="300">
</figure>

توجه: تگ <figure> ویژگی خاصی ندارد اما از همه خصوصیات جهانی پشتیبانی می کند.

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

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

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