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

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

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

تگ <figcaption> در اچ تی ام ال

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

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

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

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

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

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

مثال ۱ :

[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.
<figure>
<img src=”https://siteamoozi.com/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>[/html]

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

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

مثال ۲ :

[html]<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>[/html]