‎‎تگ عنوان شكلHTML <figcaption> Tag -‎

Previous >    <Next  

‎مثال ـ نمايش تصوير با تگ‎<figure>‎ ومعرفي عنوان آن با ‎<figcaption>‎‎

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

--(go to editor for change code and run)

‎‎تعريف وكاربردDefintion and Usage -‎

‎‎تگ‎<figcaption>‎ عنواني براي عنصر ‎<figure>‎ معرفي ميكند .

‎‎تگ فوق بايد بعنوان اولين ياآخرين عنصر‎<figure>‎ باشد .

‎‎پشتيباني مرورگرBrowser Support -‎

‎اعداد زير در جدول نشان دهنده اولين نسخه مرورگراست كه از‎<figcaption>‎ بطور ‎كامل پشيباني مي نمايد.

‎
‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<figcaption>‎‎ ‎‎8.0‎ ‎‎9.0‎ ‎‎4.0‎ ‎‎5.1‎ ‎‎11.0‎

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<figcaption>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثالهاي بيشتر

‎‎مثال ـ استفاده ازCSS براي استايل‎<figure> , <figcaption>‎

‎ 
<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>

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎اغلب مرورگرها نمايش عنصر‎<figcaption>‎ مطابق تنظيمات پيش فرضي زيرانجام ‎ميدهند.

‎ 
figcaption {
  display: block;
}

‎مرجع كامل تگهايHTML‎
‎مرجع كامل ويژگيهايHTML‎

Previous >    <Next