تگ figure در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ figure در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ figure چیست؟

تگ figure برای تعریف و سازماندهی تصاویر، نمودار و ... مورد استفاده قرار می گیرد.

این تگ با <figure> شروع شده و با </figure> پایان می باید.

<figure></figure>

ایجاد عنوان برای تگ figure

با استفاده از تگ figcaption می توان برای تگ figure عنوان یا کپشن انتخاب کرد.

<figcaption>text</figcaption>

مثال تگ figure

کد:

<figure>
  <img src="image.jpg" alt="Image">
  <figcaption>Text</figcaption>
</figure>

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ figure در اکثر مرورگرها به صورت زیر است:

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

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

تگ figure با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS