مشاهده تصویر بزرگتر

معرفی و کاربرد تگ figcaption در HTML

معرفی و کاربرد تگ figcaption در HTML

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی تگ <figcaption> در HTML می پردازیم.

تگ <figcaption> در HTML

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

استفاده از این تگ اختیاری است .

تگ <figcaption> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

تگ <figure> نیز محتوای خود مانند تصاویر، نمودار ها، عکس ها، لیست کد و … را مشخص می کند.

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

مثال هایی در مورد تگ <figcaption> در HTML

مثال ۱ :

<!DOCTYPE html>
<html>
<body>
<p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>
<figure>
<img src="http://compiler.ir/wp-content/uploads/2014/09/img.png" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure></body>
</html>

<!DOCTYPE html>

<html>

<body>

The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.

<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>

</figure></body>

</html>

خروجی کد در مرورگر اینترنتی

مثال ۲ :

<figure>
<figcaption><cite>Edsger Dijkstra :-</cite></figcaption>
<p>"If debugging is the process of removing software bugs, <br /> then programming must be the process of putting them in"<br /></p>
</figure>

<figcaption><cite>Edsger Dijkstra :-</cite></figcaption>

"If debugging is the process of removing software bugs, then programming must be the process of putting them in"

</figure>

خروجی کد در مرورگر اینترنتی

معرفی و کاربرد تگ <figcaption> در HTML | معرفی و کاربرد تگ figcaption در HTML | معرفی و کاربرد تگ figcaption در HTML | معرفی و کاربرد تگ figcaption در HTML

بررسی تگ <figcaption> در HTML 4.01 و HTML5

تگ <figcaption> یک تگ جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود نداشت.

خصوصیات ویژه تگ <figcaption> در HTML

تگ <figcaption> هیچ خاصیت ویژه ای در سند HTML ندارد .

خصوصیات عمومی تگ <figcaption> در HTML

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

پشتیبانی مرورگرها از تگ <figcaption> در HTML

تگ <figcaption> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

معرفی و کاربرد تگ figcaption در HTML – اختصاصی سایت آموزی

Post Views: ۴۷۶

توسط سایت آموزی|مرداد ۲۱ام, ۱۳۹۷|html دسته بندی ها|برچسب ها: آموزش کاربردی html, آموزش کاربردی html5, آموزش کاربردی طراحی سایت, آموزش های html, اچ تی ام ال, زبان html, طراحی سایت کاربردی|بدون دیدگاه

در باره نویسنده : سایت آموزی

علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب