
تگ figure در HTML
از تگ figure در HTML برای ایجاد یک محتوای مستقل و علامت گذاری شده استفاده می شود ، همچنین از عنصر <figcaption>
برای ایجاد عنوان در این تگ استفاده می شود.
مثال
<figure>
<img src="https://www.bubbleslearn.ir/wp-content/uploads/2019/09/matin-boronsi-pc-main.jpg" alt="Trulli" style="width:100%">
<figcaption>متین برونسی ، یک برنامه نویس ساکن ایران</figcaption>
</figure>
تعریف و کاربرد
محتوای درون تگ figure در HTML میتواند شامل: تصاویر ، نمودار ها ، ویدیو ها ، کد ها ، لیست ها ، موزیک ها و… باشد.
عنصر <figure>
در HTML یک محتوای پیشنهاد شده در سند اصلی می باشد که بدون هیچ تأثیری میتوانید در موقعیت و بخش های دیگر سند قرار بگیرد و یا حذف بشود که این محتوای سند را تحت تأثیر قرار نمی دهد.
نکته: از تگ <figcaption>
در عنصر <figure>
برای ایجاد عنوان یا کپشن استفاده می شود.
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.
عنصر | |||||
---|---|---|---|---|---|
<figure> | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
خواص عمومی
تگ figure
از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ figure
از رویداد های عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
اکثر مرورگر ها عنصر figure
در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
مثال های بیشتر
در این مثال با استفاده از CSS ویژگی های سفارشی شده به تگ <figcaption>
اضافه کرده ایم:
آیا این مطلب برای شما مفید بود ؟
اقسام روزى و پرهيز از حرص زدن
و درود خدا بر او، فرمود: اى فرزند آدم روزى دو گونه است، روزيى كه تو آن را جويى، و روزيى كه تو را مى جويد، كه اگر به سراغش نروى به سوى تو آيد. پس اندوه سال خود را بر اندوه امروزت منه، كه بر طرف كردن اندوه هر روز از عمر تو را كافى است.
اگر سال آينده در شمار عمر تو باشد همانا خداى بزرگ در هر روز سهم تو را خواهد داد، و اگر از شمار عمرت نباشد تو را با اندوه آنچه كار است.
كه هرگز جوينده اى در گرفتن سهم روزى تو بر تو پيشى نگيرد، و چيره شونده اى بر تو چيره نگردد، و آنچه براى تو مقدّر گشته بى كم و كاست به تو خواهد رسيد.
(سید رضى مى گويد: اين سخن امام عليه السّلام در حكمت 267 آمده، امّا چون در اينجا همان مفاهيم آشكارتر و روشن تر بيان گرديد آن را بر أساس روشى كه در آغاز كتاب تذكّر داديم آورديم.)
حکمت 379 نهج البلاغه