एचटीएमएल <अंजीर कैप्शन> टैग
उदाहरण
किसी दस्तावेज़ में फ़ोटो को चिह्नित करने के लिए <figure> तत्व का उपयोग करें, और फ़ोटो के लिए कैप्शन को परिभाषित करने के लिए <figcaption> तत्व का उपयोग करें:
<figure>
<img src="pic_trulli.jpg" alt="Trulli"
style="width:100%">
<figcaption>Fig.1 - Trulli, Puglia,
Italy.</figcaption>
</figure>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
टैग <figure> तत्व के <figcaption>
लिए एक कैप्शन को परिभाषित करता है ।
<figcaption>
तत्व को <आंकड़ा> तत्व के पहले या अंतिम बच्चे के रूप में रखा जा सकता है ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से तत्व का समर्थन करता है।
Element | |||||
---|---|---|---|---|---|
<figcaption> | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
वैश्विक गुण
<figcaption>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<figcaption>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
<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>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
figcaption {
display: block;
}