Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Evandro Oliveira

[Resolvido] Manual do HTML - TAG [CAPTION]

Por , em Desenvolvimento frontend

Recommended Posts

Evandro Oliveira    331

Evandro Oliveira
Postado

Tag: Caption

Nome: Título / Legenda

 

Descrição:

O elemento <caption> refere-se ao conteúdo da tabela que será exibida a seguir. Deve descrever, com poucas palavras, o tipo de informações que a mesma exibe, a fim de que, caso seu conteúdo não seja relevante, a mesma possa ser ignorada, não prejudicando o fluxo de informações. Em documentos técnicos, <caption> define a identificação da tabela, para que esta possa ser referenciada no índice de tabelas do documento (oi, TCC!).

 

Exibição: Bloco tabular especial [apenas algumas de suas propriedades podem ser alteradas via css].

 

Atributos: id, class, title, lang, dir.

 

Semântica: Apesar de dispensável, <caption>'s devem ser considerados obrigatórios por desenvolvedores preocupados com acessibilidade e normas técnicas. Sao uma parte essencial das tabelas, definindo sua identificação, conteúdo e funcionalidade dentro do documento. Deve ser o primeiro elemento filho de uma tabela.

 

Exemplos:

<body>
   <table>
       <caption>Tabela de exemplo</caption>
       <thead>
           <tr>
               <th>Nome</th>
               <th>Idade</th>
           </tr>
       </thead>
       <tfoot>
           <tr>
               <th>Nome</th>
               <th>Idade</th>
           </tr>
       </tfoot>
       <tbody>
           <tr>
               <td>José</td>
               <td>18</td>
           </tr>
           <tr>
               <td>Maria</td>
               <td>19</td>
           </tr>
           <tr>
               <td>João</td>
               <td>20</td>
           </tr>
       </tbody>
   </table>
</body>

 

Particularidades: É possível inserir elementos de nível linha dentro de <caption> para ajudar na estilização.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito