Tag Caption para Legenda de Tabelas em HTML

Prévia do material em texto

www.tiexpert.net Pág. 1 de 2 
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>
...
http://www.tiexpert.net/programacao/web/html/caption.php
www.tiexpert.net Pág. 2 de 2 
O que resulta na tabela abaixo:
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
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
Fonte: w3.org
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons
Para ver uma cópia desta licença, visite http://creativecommons.org/licenses/by-nc-sa/2.5/br/
ou envie uma carta para Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.
http://www.tiexpert.net/programacao/web/html/caption.php