Dados tabulares são simplesmente os dados contidos em uma tabela. Em HTML, é o conteúdo que vive nas células de uma tabela, ou seja, o que está entre as
ou
Tag. Conteúdos da tabela podem ser números, texto, imagens e uma combinação destes; e outra tabela pode até ser aninhada dentro de uma célula da tabela.
O melhor uso de uma tabela, no entanto, é para a exibição de dados.
De acordo com o W3C:
"O modelo de tabela HTML permite que os autores organizem dados - texto, texto pré-formatado, imagens, links, formulários, campos de formulário, outras tabelas etc. - em linhas e colunas de células." Fonte: Introdução às tabelas da especificação HTML 4.
A palavra chave nessa definição é dados . No início da história do design da Web, as tabelas foram adaptadas como ferramentas para ajudar a dispor e controlar como e onde o conteúdo da página da Web apareceria. Isso às vezes pode resultar em pouca exibição em diferentes navegadores, dependendo de como os navegadores lidam com as tabelas, portanto, nem sempre era um método elegante no design.
No entanto, como o web design avançou e com o advento das folhas de estilo em cascata (CSS), a necessidade de usar tabelas para gerenciar de forma crua os elementos de design da página desapareceu. O modelo de tabela não é desenvolvido como uma forma de os autores da Web manipularem o layout de uma página da Web ou alterarem a aparência de células, bordas ou cores de plano de fundo.
Quando usar tabelas para exibir o conteúdo
Se o conteúdo que você deseja colocar em uma página for uma informação que você esperaria ver gerenciada ou rastreada em uma planilha, esse conteúdo quase certamente se prestará bem à apresentação em uma tabela em uma página da web.
Se você tiver campos de cabeçalho na parte superior das colunas de dados ou à esquerda de linhas de dados, será tabular e uma tabela deverá ser usada.
Se o conteúdo faz sentido em um banco de dados, especialmente um banco de dados muito simples, e você quer apenas exibir os dados e não torná-los bonitos, então uma tabela é aceitável.
Quando não usar tabelas para exibir conteúdo
Evite usar tabelas em situações em que o objetivo não seja simplesmente transmitir o próprio conteúdo de dados.
Não use tabelas se:
- O principal objetivo da tabela é posicionar o conteúdo na página. Por exemplo, para adicionar espaçamento em torno de uma imagem, colocar ícones de marcadores em uma lista ou forçar um bloco de texto a agir como uma cotação de atração.
- Você deseja usar as cores ou imagens de plano de fundo simplesmente para aumentar a página em vez de chamar os dados. Por exemplo, o destaque de todas as outras linhas de uma tabela é bom, mas alterar apenas as células superiores à direita porque isso faz com que elas correspondam ao plano de fundo da página não.
- Você está cortando uma imagem e, em seguida, recoloca os pedaços da imagem na página usando a tabela. Isso foi muito comum há alguns anos, mas não é mais considerado correto.
Não tenha medo de tabelas
É bem possível criar uma página da Web que use tabelas muito criativas para dados tabulares. As tabelas são uma parte importante da especificação XHTML, e aprender a exibir bem os dados tabulares é uma parte importante da criação de páginas da web.