معرفی و کاربرد تگ figure در HTML

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی تگ <figure> در HTML می پردازیم.

تگ <figure> در HTML

معرفی و کاربرد تگ figure در HTML

معرفی و کاربرد تگ figure در HTML | معرفی و کاربرد تگ figure در HTML | معرفی و کاربرد تگ figure در HTML | معرفی و کاربرد تگ figure در HTML | معرفی و کاربرد تگ figure در HTML | معرفی و کاربرد تگ <figure> در HTML

تگ <figure> محتوای خود مانند تصاویر، نمودار ها، عکس ها، لیست کد و … را مشخص می کند.

در حالی که محتوای تگ <figure> با جریان اصلی سند مرتبط است، جایگاهی مستقل دارد و در صورتی که این تگ حذف شود، نباید تاثیری بر جریان اصلی بگذارد.

تگ <figure> یک تگ جدید در HTML5 است. و در نسخه های قبلی html وجود نداشت.

تگ <figure> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

نکته مهم

تگ figcaption یک عنوان یا caption به تگ <figure> اضافه می کند.

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

مثال در مورد تگ <figure> در HTML

خروجی کد در مرورگر اینترنتی

معرفی و کاربرد تگ figure در HTML

بررسی تگ <figure> در HTML 4.01 و HTML5

تگ <figure> یک تگ جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود نداشت.

خصوصیات ویژه تگ <figure> در HTML

تگ <figure> هیچ خاصیت ویژه ای در سند HTML ندارد .

خصوصیات عمومی تگ <figure> در HTML

تگ <figure> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

پشتیبانی مرورگرها از تگ  <figure> در HTML

تگ <figure> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

در جدول زیر اولین نسخه ی مرورگرهای اینترنتی که به طور کامل از تگ <figure> در HTML پشتیبانی کردند را مشاهده می کنید:

معرفی و کاربرد تگ figure در HTML – اختصاصی سایت آموزی