Tableless é extremamente nocivo e presta um enorme desserviço aos Padrões Web.
Tableless dissemina um conceito totalmente equivocado sobre as tecnologias do W3C e no meu entender deveria ser banido definitivamente.
Escrevo esta matéria com dois propósitos básicos:
A motivação para escrever esta matéria veio de um post colocado na seção Web Standards de um fórum para desenvolvedores. Lá, possivelmente um iniciante nos estudos dos padrões Web, perguntava como inserir dinamicamente o resultado de uma consulta a Banco de Dados em uma grade composta de n linhas por m colunas de DIVs.
Obteve como primeira resposta a sugestão de usar uma tabela desde que supostamente os dados a apresentar se enquadravam na categoria "dados tabulares" (como são os dados contidos em tabelas de índices financeiros, horários de meios de transporte, datas de jogos de campeonatos de futebol, preços em geral e similares).
Várias outras respostas e sugestões surgiram e lá pelas tantas o iniciante que postou a dúvida, talvez indignado com a insistência de outros participantes em convencê-lo a usar a usar uma bela e apropriada tabela argumentou que não queria a solução, pois (sic) "E este forum tbm nao fala sobre tableless?".
Humm! ele deve ter raciocinado assim: este fórum é sobre tableless, logo vou buscar uma solução tableless (sem tabelas).
Perfeito o raciocínio! Mas, baseado em uma premissa errada.
Tableless significa realmente sem tabelas, contudo Padrões Web não é e nem nunca foi desenvolver sites sem usar tabelas. Associar o nome Tableless aos Padrões Web é um erro altamente nocivo ao aprendizado. Tabelas são perfeitamente legais em marcações seguindo as recomendações do W3C, pois o elemento TABLE tem o valor semântico de "apresentar dados tabulares" e não deve nunca ser substituido por DIV, um elemento sem valor semântico, quando se trata de apresentar dados.
Fora o termo Tableless do jargão Web Standards!
Vida longa para o site do Élcio e Diego:
http://www.tableless.com.br
Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…
Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…
Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…
HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…
Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…
Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…
View Comments
Concordo plenamente.
É tudo uma questão de bom senso.
Grande abraço ao Maujor.
Não acho necessário se banir o termo Tableless, mas sim deixar claro que quando digo que crio um site com Tableless, não quer dizer que não vou utilizar tabelas, mas sim que não vou utilizar tabelas para criar o design.
Como dito no texto, tabelas devem ser utilizadas para dados tabulares e DIV para o layout.
Quando comecei a trabalhar com XHTML, aprendi o termo Tableless, mas me deixaram bem claro o que era isso.
Legal seu artigo, sempre explico para estágiarios aqui da empresa isso, que dados de banco de dados e muitas informações, devem estar em tabelas, porém seguindo os padrões de desenvolvimento da W3C. Pois após ensinar Tableless para algumas pessoas, a maioria quer fazer TUDO sem tabelas. rs rs rs. Mas com a experiência e inteligência é fácil distinguir onde usá-las.
Rafael, se seu site não funciona no ie 6 é porque seu código precisa ser melhorado, quase tudo que se faz para os browsers modernos tb da para fazer para o ie6. Só se esforçar um pouco mais.
Olá, eu criei uma versão tableless para o meu site, no entanto ao testar percebi que ela não funcionava nada bem com o IE6, que é o 3º navegador mais utilizado (com mais ou menos 25% dos acessos) pelos visitantes do meu site.
Olhem as estatísticas de visitas dos últimos dias:
IE 7 -1364
FF 3 - 836
IE 6 - 816
Chrome 1 - 195
Outros (vários browsers e versões, poucas visitas)
O que vocês acham que eu deveria fazer nesse caso? O IE6 está pertinho do FF 3 e do IE7, não tem como eu simplesmente parar de suportar esse browser.
Acredito que o IE6 ainda é bastante utilizado pelos meus visitantes porque é um site local, e a minha cidade do interior não é das mais desenvolvidas tecnologicamente rs :P
Até agora a versão disponível para os visitantes continua com tabelas.
Estou pensando em disponibilizar a versão tableless apenas quando o site renderizar corretamente em pelo menos 95% das visitas. O que acham?
Abraços, Rafael.
Acho importante separar as coisas: layout e dados são partes distintas do site e não podem ser confundidas. Acredito que os tables sejam úteis e devam ser usados sim, mas para exibição de dados e informações, não para desenhar o layout do site. Mas, nada de extremismo. Tudo que é em excesso é prejudicial... Se alguma porção do site é muito complexa para desenhar com div + css, então que se use o table com css para sua formatação.
Só uma coisa acho impraticável no desenho do layout de um site: marcação de formato inline (com o atributo style ou tag font, por exemplo). O CSS está aí pra isso e a forma mais correta de se fazer a formatação do conteúdo. O HTML serve para marcação, para definir o que vai onde e como deve ser interpretado, mas a exibição não deve ser responsabilidade dele.
Abraço!
Achei bem interessante o post, e tenho que admitir que te xinguei muuuuuuito quando lí o título! :]
O que o pessoal que tá começando com html/css tem que entender é o real significado de cada tag, conhecendo bem a semântica.
parabens, belo artigo!
Me lembro na epoca em q foi lançado o site Tableless.com.br e tinha postado justamente isso, q seria extremamente mal interpretado ... as pessoas iriam achar q utilizar tables estava errado e blah blah blah ... a maioria não me entendeu na epoca e ainda hoje insito em dizer q tableless eh uma definiçao muito infeliz! Pior q faz um tempao isso!
Concordo em 100% com o maujor, não misturemos as coisas, as pessoas acabam divulgando erroneamente uma nomenclatura que por uso acaba “parecendo” verdade.
Viva a TABLE para uso de dados tabulares! (Que redundante! :D )
Boa semana a todos!!