<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.

CategoriaTabelas
Modelo de ConteúdoConteúdo de fluxo
Pais PermitidosQualquer elemento que aceite conteúdo de fluxo
Tag de FechamentoSim — requer fechamento </tbody> tag
StatusPadrã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 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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.
Mais estudos de caso em breve — volte mais tarde.

📚 Tutoriais Relacionados

Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%