برچسب <figcaption> HTML

تعریف و استفاده

<figcaption> برچسب <figure> عنصر عنوان را تعریف می‌کند.

<figcaption> عنصر می‌تواند در <figure> موقعیت اولین یا آخرین فرزند عنصر.

لطفاً به: مراجعه کنید;

دستورالعمل HTML DOM:موضوع Figcaption

مثال

مثال 1

استفاده از علامت <figure> برای علامت‌گذاری تصاویر در مستند، استفاده از علامت <figcaption> برای تعریف عنوان تصویر:

<figure>
  <img src="tulip.jpg" alt="گل سوسن" style="width:300px">
  <figcaption>تصویر 1 - گل سوسن، از خانواده لاله‌ای، گیاه چندساله.</figcaption>
</figure>

آزمایش کنید

مثال 2

استفاده از CSS برای تنظیم استایل <figure> و <figcaption>:

<html>
<head>
<style>
figure {
  کناره: 1 پیکسل #cccccc سخت;
  پادگی: 4 پیکسل;
  محدوده: خودکار;
}
figcaption {
  رنگ پس‌زمینه: سیاه;
  رنگ: سفید;
  نوع فونت: تایپیتال;
  پادگی: 2 پیکسل;
  موقعیت متانی: وسط;
}
</style>
</head>
</body>
<figure>
  <img src="tulip.jpg" alt="گل سوسن" style="width:300px">
  <figcaption>تصویر 1 - گل سوسن، از خانواده لاله‌ای، گیاه چندساله.</figcaption>
</figure>
</body>
</html>

آزمایش کنید

ویژگی‌های جهانی

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

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

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

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

بیشتر مرورگرها از مقادیر پیش‌فرض زیر برای نمایش استفاده می‌کنند <figcaption> عنصر:

figcaption {
  display: block;
}

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که از این عنصر پشتیبانی می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0