Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Legenda de Tabela - tag CAPTION

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

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 18740 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog