HTML <caption> Tag
Voorbeeld
'n Tabel met 'n byskrif:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <caption>
merker definieer 'n tabelbyskrif.
Die <caption>
merker moet onmiddellik na die
<table> -merker ingevoeg word.
Wenk: By verstek sal 'n tabelbyskrif in die middel van 'n tabel in lyn wees. Die CSS-eienskappe teksbelyn en onderskrif-kant kan egter gebruik word om die onderskrif te belyn en te plaas.
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Globale eienskappe
Die <caption>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <caption>
merker ondersteun ook die gebeurtenis-kenmerke in HTML .
Meer voorbeelde
Voorbeeld
Posisietabelonderskrifte (met 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>
Verwante bladsye
HTML DOM verwysing: Caption Object
Verstek CSS-instellings
Die meeste blaaiers sal die <caption>
element met die volgende verstekwaardes vertoon:
Voorbeeld
caption {
display: table-caption;
text-align: center;
}