50 کامل شده تا

برچسب <figcaption> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
عنوان را برای یک عنصر <figure> تعریف می‌کند
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: block;


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

از عنصر <figure> برای نشانه‌گذاری یک عکس در یک سند، و از عنصر <figcaption> برای تعریف یک کپشن (زیرنویس) برای یک عکس استفاده کنید:

<figure>
  <img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
  <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>


مثال‌های بیشتری از «مشاهدهٔ نتیجه» در زیر.

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

برچسب <figcaption> یک کپشن (زیرنویس) برای یک عنصر <figure> تعریف می‌کند.[۱]

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

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

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<figcaption> ۸٫۰ ۹٫۰ ۴٫۰ ۵٫۱ ۱۱٫۰

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

همچنین برچسب <figcaption> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

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

همچنین برچسب <figcaption> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

از CSS برای سبک‌دهی به <figure> و <figcaption> استفاده کنید:

<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="pic_trulli.jpg" alt="Trulli" style="width:100%">
  <figcaption>Fig.1 - Trulli, Puglia, Italy</figcaption>
</figure>

</body>


صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Figcaption (Figcaption Object)

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

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

figcaption {
  display: block;
}


منابع آموزشی