O uso de tabelas em XHTML baseado em padrões

Os dados tabulares são simplesmente os dados contidos em uma tabela. Dentro HTML, é o conteúdo que reside nas células de uma tabela - ou seja, o que está entre as.

ou.

Tag. O conteúdo da tabela pode ser números, texto,

, e uma combinação destes; 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 design da web, 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 poderia 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.

instagram viewer

No entanto, como o web design avançou e com o advento de folhas de estilo em cascata (CSS), a necessidade de usar tabelas para gerenciar grosseiramente os elementos de design da página caiu. O modelo de tabela não foi desenvolvido como uma forma de os autores da web manipularem o layout de uma página da web ou alterar 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 rastreada em um 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 na 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 uma citação pull.
  • 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 mudar 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.