एचटीएमएल <कैप्शन> टैग
उदाहरण
एक कैप्शन के साथ एक टेबल:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<caption>
टैग एक टेबल कैप्शन को परिभाषित करता है ।
टैग को <table> टैग के <caption>
तुरंत बाद डाला जाना चाहिए
।
युक्ति: डिफ़ॉल्ट रूप से, तालिका कैप्शन तालिका के ऊपर केंद्र-संरेखित होगा। हालाँकि, CSS गुण टेक्स्ट-एलाइन और कैप्शन-साइड का उपयोग कैप्शन को संरेखित करने और रखने के लिए किया जा सकता है।
ब्राउज़र समर्थन
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
वैश्विक गुण
<caption>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<caption>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
स्थिति तालिका कैप्शन (सीएसएस के साथ):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption
style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: कैप्शन ऑब्जेक्ट
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <caption>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
उदाहरण
caption {
display: table-caption;
text-align: center;
}