Documentos Técnicos

O rodapé de uma tabela de dados

tfoot

Tag tfoot: o rodapé de uma tabela
A tag <tfoot> marca o rodapé de uma tabela. Associada às tags <thead> e <tbody>, ela define a estrutura da uma tabela.

O uso desta tag em uma tabela é importante para acessibilidade porque ela permite que navegadores para cegos e robôs de busca como o Google possam identificar quais células da tabela contém os dados de rodapé, geralmente utilizados para a coluna de totais, em uma tabela de dados.

Exemplo de uso:

O código abaixo exibe uma tabela contendo um rodapé que exibe a soma dos valores da tabela:

<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