تگ <figure></figure> در html - وب سایت PNLdev

نمونه کد

یک نمونه ساده از تگ <figure>:

<figure>
    <img src="/pic.jpg" alt="pnldev" style="width:50%">
    <figcaption>Fig.1 - pnldev, best website for learning programming.</figcaption>
</figure>

آزمایشگاه

تعریف و کاربرد

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

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

با تگ <figcaption> برای تگ <figure> عنوان انتخاب می کنیم.

صفحه تگ <figcaption> را ببینید.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<figure>

ویژگی های سراسری

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

ویژگی های رویداد

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

استایل css پیش فرض

بیشتر مرورگر ها تگ <figure> را با استایل پیشفرض زیر نمایش می دهند:

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

تگ <figure> در HTML <figure></figure> tag HTML