HTML <figcaption> تیگ

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

<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 {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</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 {
  نمایش: بلوک;
}

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

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

کروم Edge افرادا سافاری اپرا
کروم Edge افرادا سافاری اپرا
8.0 9.0 4.0 5.1 11.0