<caption>

O elemento HTML caption especifica a legenda (ou título) de uma tabela.

Experimente

Categoria de conteúdo (en-US) Nenhuma.
Conteúdo permitido Flow content (en-US).
Omissão de tag A tag final pode ser omitida se o elemento não for seguido imediatamente por um espaço em branco ASCII ou um comentário.
Elementos pais permitidos Um elemento <table>, como seu primeiro filho.
Função ARIA implícita Nenhuma função correspondente
Permitted ARIA roles No role permitted
DOM interface HTMLTableCaptionElement (en-US)

Atributos

Este elemento inclui os atributos globais (en-US).

Atributos obsoletos

Os seguintes atributos são obsoletos e não devem ser usados. Estão documentados abaixo apenas como referência ao atualizar o código, e interesse histórico.

align Deprecated

Esse atributo enumerado (en-US) indica como a legenda deve ser alinhada em relação à tabela. Ele pode ter um dos seguintes valores:

left

A legenda é exibida à esquerda da tabela.

top

A legenda é exibida acima da tabela.

A legenda é exibida à direita da tabela.

bottom

A legenda é exibida abaixo da tabela.

Aviso: Não use este atributo já que ele foi depreciado: O elemento <caption> deve ser estilizado usando as propriedades CSS. Para dar um efeito similar ao atributo align, use as propriedades CSS caption-side (en-US) e text-align.

Notas de uso

Se utilizado, o elemento <caption> deve ser o primeiro filho de seu elemento <table> pai.

Quando o elemento <table> que contém o <caption> é o único descendente de um elemento <figure>, você deve usar o <figcaption> elemento em vez de <caption>.

Um background-color na tabela não incluirá a legenda. Adicione um background-color ao elemento <caption> também se você deseja que a mesma cor de fundo esteja por trás de ambos.

Exemplo

Esse exemplo simples apresenta uma tabela que inclui uma legenda

html
<table>
  <caption>
    Exemplo de Legenda
  </caption>
  <tr>
    <th>Login</th>
    <th>Email</th>
  </tr>
  <tr>
    <td>usuario1</td>
    <td>usuario1@dominio.com</td>
  </tr>
  <tr>
    <td>usuario2</td>
    <td>usuario2@dominio.com</td>
  </tr>
</table>

Especificações

Specification
HTML Standard
# the-caption-element

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também