50 کامل شده تا

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

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


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

مثال

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

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


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

برچسب <figure> محتوای خوددار (بی‌نیاز به بیرون) را مشخص می‌کند، مثل تصاویر، نمودارها، عکس‌ها، فهرست‌های کدها، و غیره.[۱]

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

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

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

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

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

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

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

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

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

صفحات مرتبط

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

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

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

مثال

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


منابع آموزشی