tag Caption

Legendas de Tabelas

Existe em XHTML/HTML uma forma de criar uma legenda para tabela. A tag necessária é a CAPTION.

A função principal da tag CAPTION é descrever a natureza da tabela.

A tag CAPTION deve ser posicionada imediatamente após a tag TABLE e apenas uma tag CAPTION é permitida por tabela.

É recomendado pela W3C que os autores ou desenvolvedores tomem o cuidado de prover informações adicionais sobre o propósito e estrutura da tabela usando o atributo SUMMARY da tag TABLE. Principalmente quando a tabela não faz uso da tag CAPTION.

A tag CAPTION possui um atributo que controla o alinhamento da legenda da tabela chamado ALIGN que aceita quatro valores diferentes. Porém, este atributo está marcado como desadequado (deprecated) e seu uso é fortemente desencorajado.

Os possíveis valores do atributo align são:

top: legenda alinhada acima da tabela ao centro (este é o valor padrão de alinhamento);
bottom: legenda alinhada abaixo da tabela ao centro;
left: legenda alinhada ao lado esquerdo da tabela. Esta opção desloca a tabela para a direita;
right: legenda alinhada ao lado direito da tabela. Esta opção desloca a tabela para a esquerda;

...
<TABLE WIDTH="350" CELLSPACING="1" CELLPADDING="2" BORDER="1"
  SUMMARY="Características geográficas da Cidade de São Paulo (BR)">
  <CAPTION ALIGN="bottom">
    Características geográficas de São Paulo (BR)
  </CAPTION>
  <TR>
    <TD>Área</TD>
    <TD>1.522,986 km<SUP>2</SUP></TD>
  </TR>
  <TR>
    <TD>População</TD>
    <TD>10.990.249 habitantes</TD>
  </TR>
  <TR>
    <TD>Densidade</TD>
    <TD>7.216,3 hab./km<SUP>2</SUP></TD>
  </TR>
  <TR>
    <TD>Clima</TD>
    <TD>Subtropical</TD>
  </TR>
</TABLE>
...

O que resulta na tabela abaixo:

Exemplo de uma tabela usando a tag CAPTION posicionada abaixo

Fonte: w3.org
Características - tag CAPTION (tabela - legenda)
Uso	HTML 4.01	<CAPTION>...<CAPTION> (após tag TABLE)
	XHTML	<CAPTION>...<CAPTION> (após tag TABLE)
	HTML 5	<CAPTION>...<CAPTION> (após tag TABLE)
Formatação Padrão	alinhamento	centro
Formatação Padrão	visualização	legenda de tabela
Atributos Aceitos	id, class, lang, dir, title, style
Eventos Possíveis	onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup