Documentos Técnicos

O título de uma tabela

caption

A tag <tcaption> marca o título de uma tabela. Esta tag deve aparecer imediatamente após a tag <table>, e deve existir apenas um caption por tabela.

Exemplo de uso:

O código abaixo exibe uma tabela contendo um título:

<table>
<caption>
Despesas do trimestre
</caption>
<thead>
<tr>
<th>Mês</th>
<th>Valores (R$)</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Total</td>
<td>1300</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Janeiro</td>
<td>500</td>
</tr>
<tr>
<td>Fevereiro</td>
<td>400</td>
</tr>
<tr>
<td>Março</td>
<td>400</td>
</tr>
</tbody>
</table>

O resultado do código HTML acima é este:

Despesas do trimestre
MêsValores (R$)
Janeiro500
Fevereiro400
Março400
Total1300

OBS: as tags table, caption, thead, tbody e tfoot, tr e td não possuem apresentação visual diferenciada (como acontece com a tag th), mas podem ser estilizadas com CSS, conforme explicaremos em outro momento, podendo tornar a tabela acima mais apresentável, assim:

Despesas do trimestre
MêsValores (R$)
Janeiro500
Fevereiro400
Março400
Total1300