برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ figcaption در HTML - راهنمای کار با محتوای دارای توضیحات در html

همانطور که می دانید تگ figure برای تعریف محتوای دارای توضیح از قبیل تصاویر و نمودارها استفاده می شود و برای تعریف توضیحات از تگ figcaption استفاده ...

همانطور که می دانید تگ figure برای تعریف محتوای دارای توضیح از قبیل تصاویر و نمودارها استفاده می شود و برای تعریف توضیحات از تگ figcaption استفاده می شود.

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

مثال تگ figcaption در HTML:

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


مثال تگ figcaption به همراه css:

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


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

تگ <figcaption> در مرورگرهای کروم 8، فایرفاکس 4، اپرا 11، سافاری 5.1، اینترنت اکسپلورر 9 به بالا پشتیبانی می شود.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی 8 4 11 5.1 9


پشتیبانی از ویژگی ها و رویدادهای عمومی

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


دستورات CSS پیش فرض

معمولا مرورگرها این تگ figcaption را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.

figcaption {
  display: block;
}

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،
اشتراک گذاری:          
لینک کوتاه:

نظرات نظرات تا اطلاع ثانوی غیر فعال است.