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;
}