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

Atributos

Este elemento inclui os atributos globais.

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

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 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 de navegadores

Veja também

• Outros elementos HTML relacionados ao elemento table: <col>, <colgroup>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>;
• Propriedades CSS que pode ser especialmente utéis para estilizar o elemento <caption>:
  • text-align, caption-side.