<tr>: Elemento TR
Última atualização: 2026-10-13
<tr>Elemento TR
Uma linha de tabela, feita de células th (cabeçalho) ou td (dados).
| 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 </tr> tag |
| Status | Padrão |
📝 Sintaxe
<tr>
<td>célula</td>
</tr>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： tr vive apenas dentro de thead, tbody ou tfoot; envolva linhas de dados em tbody para facilitar scripts.
❓ Perguntas Frequentes
Qtr precisa estar dentro de tbody?
ANo código pode omitir (o navegador embrulha num tbody implícito), mas escrever explicitamente é mais controlável: escrevendo
<tr> direto na table, manipular linhas via JS e estilizar grupos exige desviar de uma camada extra. Prefira o padrão em três partes thead/tbody/tfoot.QO display de tr pode virar block?
APode, mas destrói o layout de tabela — com tr em block, as células perdem a organização tabular. É a base do truque «tabela responsiva vira cartão», combinado com data-label nos td e ::before para mostrar o nome do campo. Fora desse cenário, não mexa no display do tr.
Qtr aceita texto direto?
ANão; o modelo de conteúdo de
<tr> admite apenas th/td e elementos de suporte a script — texto solto é HTML inválido e o navegador o joga para fora da tabela. O texto precisa estar em <td> ou <th>.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
