نمونه کد
یک نمونه ساده از تگ <figure>:
1
<figure>2
<img src="/pic.jpg" alt="pnldev" style="width:50%">3
<figcaption>Fig.1 - pnldev, best website for learning programming.</figcaption>4
</figure>تعریف و کاربرد
تگ <figure> برای مشخص کردن محتوا های مستقل در صفحه HTML مانند: تصاویر، نمودارها، جداول و ... است.
باید توجه کرد که محتواهایی می توانند در تگ <figure> باشند که مستقل از محتوای اصلی صفحه هستند، و اگر حذف شوند تاثیری بر روند و محتوای اصلی صفحه نمی گذارند.
با تگ <figcaption> برای تگ <figure> عنوان انتخاب می کنیم.
صفحه تگ <figcaption> را ببینید.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <figure> |
ویژگی های سراسری
تگ <figure> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <figure> از ویژگی های رویداد HTML پشتیبانی می کند.
استایل css پیش فرض
بیشتر مرورگر ها تگ <figure> را با استایل پیشفرض زیر نمایش می دهند:
7
1
figure {2
display: block;3
margin-top: 1em;4
margin-bottom: 1em;5
margin-left: 40px;6
margin-right: 40px;7
}
