Os dados tabulares são simplesmente os dados contidos em uma tabela. Em HTML, é o conteúdo que reside nas células de uma tabela – ou seja, o que está entre as tags ou. O conteúdo da tabela pode ser números, texto e uma combinação deles; e outra tabela pode até mesmo ser aninhada dentro de uma célula da tabela. O melhor uso de uma tabela, entretanto, é para a exibição de dados. De acordo com o W3C:
“O modelo de tabela HTML permite que os autores organizem os 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 web design, as tabelas foram adaptadas como ferramentas para ajudar no layout e controlar como e onde o conteúdo da página da web apareceria. Isso às vezes podia resultar em uma exibição ruim em navegadores diferentes, dependendo de como os navegadores lidavam com as tabelas, portanto, nem sempre era um método elegante de design. No entanto, à medida que o web design avançou e com o advento das folhas de estilo em cascata (CSS), a necessidade de usar tabelas para gerenciar grosseiramente os elementos de design da página diminuiu. O modelo de tabela não foi desenvolvido para que os autores da web manipulem o layout de uma página da web ou alterem sua aparência com células, bordas ou cores de fundo.
Quando usar tabelas para exibir conteúdo
Se o conteúdo que você deseja colocar em uma página é uma informação que você esperaria ver gerenciada ou controlada em uma planilha, então esse conteúdo quase certamente se prestará bem à apresentação em uma tabela em uma página da web. Se você deseja ter campos de cabeçalho no topo das colunas de dados ou à esquerda das linhas de dados, então é tabular e uma tabela deve ser usada. Se o conteúdo faz sentido em um banco de dados, especialmente um banco de dados muito simples, e você deseja apenas exibir os dados e não torná-los bonitos, 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 conteúdo dos dados em si. Não use tabelas se:
- O principal objetivo da tabela é posicionar o conteúdo da página. Por exemplo, para adicionar espaçamento ao redor de uma imagem, para colocar ícones de marcadores em uma lista ou para forçar um bloco de texto a agir como um pull quote.
- Você deseja usar as cores ou imagens de fundo simplesmente para aumentar a página, em vez de chamar os dados. Por exemplo, destacar todas as outras linhas de uma tabela é bom, mas alterar apenas as células superiores direitas porque isso faz com que correspondam ao fundo da página, não.
- Você está recortando uma imagem e, em seguida, colocando as peças da imagem novamente juntas na página usando a tabela. Isso era muito comum há alguns anos, mas não é mais considerado correto.
Não tenha medo das mesas
É perfeitamente possível criar uma página da web que use tabelas de aparência muito criativa 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.