tutoriais mais recente desenvolvimento web
 

HTML <caption> Tag


Exemplo

Uma tabela com uma legenda:

<table>
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
Tente você mesmo "

Definição e Uso

O <caption> tag define uma legenda da tabela.

O <caption> tag deve ser inserido imediatamente após o <table> tag.

Nota: Você pode especificar apenas uma legenda por tabela.

Dica: Por padrão, a legenda da tabela será o centro alinhado acima de uma tabela.No entanto, as propriedades CSS text-align e caption-side pode ser usado para alinhar e colocar a legenda.


Suporte a navegadores

Elemento
<caption> sim sim sim sim sim

Diferenças entre HTML 4.01 e HTML5

O align atributo é removido do HTML5.


Atributos

Atributo Valor Descrição
align left
right
top
bottom
Não suportado em HTML5.
Define o alinhamento da legenda

Atributos globais

O <caption> tag também suporta o Global de Atributos em HTML .


Atributos de eventos

O <caption> tag também suporta o evento Atributos em HTML .


Páginas relacionadas

Referência HTML DOM: Objeto Legenda


Configurações CSS padrão

A maioria dos navegadores irá exibir o <caption> elemento com os seguintes valores padrão:

Exemplo

caption {
    display: table-caption;
    text-align: center;
}
Tente você mesmo "