HTML <caption> Tag
ဥပမာ
စာတန်းပါသော စားပွဲ
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
tag သည် table caption ကို <caption>
သတ်မှတ်သည်။
<table> tag <caption>
ပြီးနောက် တဂ်ကို ချက်ချင်း ထည့်သွင်းရပါမည်
။
အကြံပြုချက်- ပုံမှန်အားဖြင့်၊ ဇယားစာတန်းတစ်ခုသည် ဇယားတစ်ခုအထက်တွင် ဗဟိုညှိမည်ဖြစ်သည်။ သို့သော်၊ CSS ဂုဏ်သတ္တိများ သည် စာတန်းကို ချိန်ညှိရန်နှင့် နေရာချထားရန် စာသား-ချိန်ညှိ ခြင်းနှင့် စာတန်း-ဘေး ကို အသုံးပြုနိုင်သည်။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<caption>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<caption>
tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
ရာထူးဇယားစာတန်းများ (CSS ဖြင့်)-
<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>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- စာတန်းအရာဝတ္ထု
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <caption>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
caption {
display: table-caption;
text-align: center;
}