Grupos de Linhas em Tabelas HTML

Prévia do material em texto

www.tiexpert.net – O ponto de encontro do estudante de TI
Grupos de linhas
Existem formas avançadas de tratar uma tabela além da convencional: tabela, linha, célula. Uma delas é 
criar o que chamamos de grupos de linhas.
Os grupos de linhas servem para agrupar porções da tabela que tenham a mesma finalidade, como por 
exemplo células que pertencem a um cabeçalho da tabela.
Essas tags são opcionais, mas tornam seu documento HTML/XHTML mais atrativo e inteligente.
Cabeçalho de tabela - tag THEAD
O cabeçalho de tabela deve ser composto dentro da tag THEAD.
Quando definida, a tag THEAD deve vir antes do corpo de dados da tabela.
Toda THEAD deve conter pelo menos uma tag TR e uma tag TD ou TH.
Rodapé de tabela - tag TFOOT
O rodapé de tabela deve ser composto dentro da tag TFOOT.
Quando definida, a tag TFOOT, assim como a tag THEAD, deve vir antes do corpo de dados da tabela para 
que possa ser processada antes que sejam apresentadas as prováveis inúmeras linhas do corpo de dados.
Toda TFOOT deve conter pelo menos uma tag TR e uma tag TD ou TH.
A vantagem em utilizar cabeçalhos e rodapés de tabela é a possibilidade de que possam repetir durante a 
impressão de um documento, além de contribuir para um melhor entendimento do conteúdo apresentado por 
robôs (web semântica).
Corpo de dados de tabela - tag TBODY
A tag TBODY define o corpo de dados de uma tabela.
Um tabela pode possuir mais de uma TBODY.
O uso de TBODY é obrigatório sempre que utilizamos THEAD ou TFOOT. Sua omissão só é permitida 
quando não forem definidos os cabeçalhos e os rodapés, e apenas existir um corpo de dados.
Abaixo está um exemplo de uma relação de matrícula de alunos que está organizada em uma tabela.
...
<TABLE WIDTH="100%" CELLPADDING="2" CELLSPACING="0" BORDER="1">
<THEAD>
 <TR>
 <TH>Matrícula</TH>
 <TH>Nome</TH>
 <TH>Idade</TH>
 <TH>Ano letivo</TH>
 </TR>
</THEAD>
<TFOOT>
 <TR>
 <TD ALIGN="RIGHT" COLSPAN="4">Data: 06/04/2009</TD>
 </TR>
</TFOOT>
<TBODY>
 <TR>
 <TD>10001</TD>
 <TD>André</TD>
 <TD>12</TD>
 <TD>7</TD>
 </TR>
http://www.tiexpert.net/ver.php?page=170 Página 1
www.tiexpert.net – O ponto de encontro do estudante de TI
 <TR>
 <TD>10151</TD>
 <TD>Carla</TD>
 <TD>11</TD>
 <TD>6</TD>
 </TR>
 <TR>
 <TD>11021</TD>
 <TD>João</TD>
 <TD>7</TD>
 <TD>1</TD>
 </TR>
 <TR>
 <TD>10027</TD>
 <TD>Juliana</TD>
 <TD>10</TD>
 <TD>5</TD>
 </TR>
</TBODY>
</TABLE>
...
Visualmente, não há diferença de uma tabela simples. Mas, o que importa aqui é a qualidade semântica e a 
impressão do documento.
Autor: Denys William Xavier
Fonte: http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#h-11.2.3
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/ver.php?page=170 Página 2