<caption>: O Elemento CAPTION
Última atualização: 2026-10-13
<caption>O Elemento CAPTION
O título da tabela, deve ser o primeiro filho da table e é exibido acima dela por padrão.
| 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 </caption> tag |
| Status | Padrão |
📝 Sintaxe
<table>
<caption>Título da tabela</caption>
...
</table>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <caption> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： caption é centralizado acima da tabela por padrão; use caption-side do CSS para movê-lo para baixo.
❓ Perguntas Frequentes
Qcaption precisa ser o primeiro filho de table?
ASim, a especificação exige
<caption> como primeiro filho de <table>. O leitor de tela o usa como nome da tabela; o caption-side do CSS só muda a posição de exibição (top/bottom), não a exigência de posição no código.QQual é a diferença entre caption e um título fora da tabela?
A
<caption> é semanticamente ligado à tabela: o leitor de tela o trata como o nome acessível da tabela — a associação é nativa. Um título comum fora dela não tem esse vínculo e, em páginas longas, «título de qual tabela é este?» fica ambíguo. Tabela com caption é a melhor prática de acessibilidade.Qcaption pode conter descrições longas?
Acaption serve para nomes curtos de tabela (como «Vendas trimestrais de 2026»); descrições longas (fonte dos dados, critérios) devem ir num
<p> abaixo da tabela ou ser vinculadas por aria-describedby, evitando um caption longo demais que atrapalhe a leitura.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
