<caption>

Sumário

O Elemento **HTML <caption> (**ou Elemento HTML Subtitulo de Tabela) representa o título de uma tabela. Embora ele seja sempre o primeiro filho de um <table>, seu estilo, usando CSS pode colocar ele em qualquer lugar relativo a tabela.

Note: Nota de Uso: Quando o elemento <table> que é o pai deste <caption> é o único filho de um elemento <figure>, use o elemento <figcaption> no lugar.

Categoria de conteúdo Nenhuma.
Conteúdo permitido Flow content.
Omissão de tag None, both the starting and ending tag are mandatory.
Elementos pais permitidos Um elemento <table>, como seu primeiro filho.
Interface DOM 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 since HTML4.01 Obsolete since HTML5

Esse atributo enumerado indica como o caption deve ser alinhado em relação a tabela. Ele pode ter os seguintes valores:

  • left, exibido a esquerda da tabela
  • top, exibido antes da tabela
  • right, exibido a direita da tabela
  • bottom, exibido abaixo da tabela

Note: Nota de uso: Não use este atributo, como ele foi depreciado: o elemento <caption> deve ser estilizado usando CSS. Para dar um efeito similar ao atributo align, use as propriedades CSS caption-side (en-US) e text-align.

Notas de uso

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

Exemplo

Esse exemplo mostra uma tabela que tem título.

<table>
  <caption>Exemplo de título</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>
caption {
  caption-side: top;
  align: right;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
table, th, td {
  border: 1px solid black;
}

Especificações

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também