एचटीएमएल <figcaption> टैग

परिभाषा और उपयोग

<figcaption> टैग के रूप में <figure> एलीमेंट शीर्षक को परिभाषित करता है

<figcaption> एलीमेंट को इसमें रखा जा सकता है <figure> एलीमेंट के पहले या अंतिम संतति एलीमेंट का स्थान.

और देखें:

HTML DOM संदर्भ पुस्तिका:Figcaption ऑब्जेक्ट

उदाहरण

उदाहरण 1

फ़िगर एलीमेंट का उपयोग करके दस्तावेज़ में फ़ोटो को चिह्नित करें, <figcaption> एलीमेंट का उपयोग करके फ़ोटो के शीर्षक को परिभाषित करें:

<figure>
  <img src="tulip.jpg" alt="ट्यूलिप" style="width:300px">
  <figcaption>चित्र 1 - ट्यूलिप, लिलीफ़ैमी, बहुवर्षीय भूमीगत पौधा।</figcaption>
</figure>

अपने आप प्रयोग करें

उदाहरण 2

फ़िगर और <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="tulip.jpg" alt="ट्यूलिप" style="width:300px">
  <figcaption>चित्र 1 - ट्यूलिप, लिलीफ़ैमी, बहुवर्षीय भूमीगत पौधा।</figcaption>
</figure>
</body>
</html>

अपने आप प्रयोग करें

ग्लोबल प्रकृति

<figcaption> टैग इवेंट प्रकृति का समर्थन करता है HTML में ग्लोबल प्रकृति。

इवेंट प्रकृति

<figcaption> टैग इवेंट प्रकृति का समर्थन करता है HTML में इवेंट प्रकृति。

डिफ़ॉल्ट की CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <figcaption> एलिमेंट:

figcaption {
  display: block;
}

ब्राउज़र समर्थन

तालिका में नंबर को पहली बार इस एलिमेंट का पूरा समर्थन करने वाले ब्राउज़र का संस्करण निर्दिष्ट किया गया है。

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
च्रोम एज फायरफॉक्स सैफारी ऑपेरा
8.0 9.0 4.0 5.1 11.0