<td>: Elemento TD
Última atualização: 2026-10-13
<td>Elemento TD
Uma célula de dados de tabela padrão que contém o conteúdo em uma interseção linha/coluna.
| 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 </td> tag |
| Status | Padrão |
📝 Sintaxe
<td>Conteúdo da célula</td>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
colspan | Number of columns to span. | |
rowspan | Number of rows to span. | |
headers | IDs of related header cells (complex tables). |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <td> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： td vs th: th é cabeçalho, td é dado — a diferença é semântica.
❓ Perguntas Frequentes
QQual é a diferença entre td e th?
A
<td> é a célula de dados; <th> é a célula de cabeçalho (estilo padrão centralizado e em negrito, com a semântica de scope). O leitor de tela usa os th para ligar linhas e colunas — «coluna 3, linha Q2» —; uma tabela só com td é, para as tecnologias assistivas, um monte de números soltos.QComo usar colspan e rowspan de td?
A
colspan='3' atravessa 3 colunas e rowspan='2', 2 linhas; podem ser combinados. Atenção: ao mesclar, reduza proporcionalmente as células da mesma linha, e mesclas em excesso tornam a tabela difícil de manter — prefira reorganizar a estrutura em vez de abusar das mesclagens.Qtd pode conter elementos de bloco?
ASim, o td é um «contêiner transparente»: aceita parágrafos, listas e até tabelas aninhadas. Mas tabela dentro de tabela prejudica leitura e acessibilidade — se dá para dividir em linhas e colunas, evite aninhar; texto longo no td deve ir num
<p>, não solto.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
