<tfoot>: Elemento TFOOT
Última atualização: 2026-10-13
<tfoot>Elemento TFOOT
O bloco de rodapé da tabela que envolve linhas de resumo (tr), geralmente totais; colocado após tbody, mas renderizado abaixo.
| Categoria | Tabelas |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </tfoot> tag |
| Status | Padrão |
📝 Sintaxe
<tfoot>
<tr><td>Total</td><td>...</td></tr>
</tfoot>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tfoot> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： tfoot pode aparecer antes de tbody no código, mas é sempre renderizado no rodapé.
❓ Perguntas Frequentes
QPara que serve tfoot?
A
<tfoot> guarda as linhas de resumo da tabela (total, média, observações). Semanticamente marca «dados de fim de tabela» e, junto com thead/tbody, permite ao leitor de tela reconhecer a estrutura; ao imprimir tabelas longas, alguns navegadores repetem o tfoot em cada página.Qtfoot se repete em cada página na impressão?
AA repetição do thead em cada página é comportamento comum de impressão; a do tfoot não é consistente (depende do navegador). Para impressão estável, controle com
@media print ou ponha o resumo num parágrafo fora da tabela.Qtfoot precisa vir no fim da tabela?
ARecomenda-se escrever depois de thead/tbody (ordem visual); os parsers modernos seguem a posição no código. A especificação antiga permitia tfoot adiantado — em código novo, siga a ordem normal: intuitivo e sem ambiguidade.
🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
