<tbody>: Elemento TBODY
Última atualização: 2026-10-13
<tbody>Elemento TBODY
O corpo da tabela que envolve linhas de dados (tr); uma tabela pode ter vários tbody para agrupamento.
| 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 </tbody> tag |
| Status | Padrão |
📝 Sintaxe
<tbody>
<tr><td>...</td></tr>
</tbody>
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador | |||||
|---|---|---|---|---|---|
| <tbody> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica: Os navegadores inserem tbody implicitamente se omitido; escrevê-lo explicitamente ajuda na escrita de scripts.
❓ Perguntas Frequentes
QPode haver mais de um tbody?
ASim, é estrutura válida e útil: cada grupo de linhas de dados fica num
<tbody> próprio, permitindo fundo por grupo via CSS ou zebra por grupo com tbody:nth-of-type(). Cada tbody é um agrupamento de linhas independente no DOM.QPor que o tbody sempre aparece no DOM?
AO parser de HTML exige que as linhas da table pertençam a um grupo de linhas; se o código omite
<tbody>, o navegador acrescenta um implícito. É por isso que «o filho da table no JS é tbody, não tr» — a estrutura do DOM não é idêntica ao código-fonte.QA ordem de tbody, thead e tfoot importa?
ANo código, recomenda-se escrever thead → tbody → tfoot; historicamente tfoot podia vir antes (para renderização em fluxo pegar o rodapé primeiro), mas o padrão moderno segue a ordem visual. No DOM, o navegador os coloca nos grupos corretos — melhor escrever certo do que deixar o parser corrigir.
🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.