Tableless - Padrões Web com Pastel e Caldo de Cana

por Diego Eis Julho 27th, 2006

Web Standards vs Tableless

Eu já falei muito sobre este assunto aqui, mas vejo que alguns desenvolvedores ainda tem dúvidas… Mesmo assim, pode servir de aviso para os marinheiros de primeira viagem.
O Henrique escreveu no blog dele também sobre isso: Tableless vs Web Standards. Aliás, nós combinamos para escrevermos quase que ao mesmo tempo… :-)

Talvez, se você nunca tenha me ouvido falar sobre o assunto, possa parecer um tanto assustador, mas ouça bem: Se um site é Tableless, não quer dizer que ele siga os Padrões.
Pois é…

Você pode fazer um site com divs por todos os lados. Colocar vários divs aninhados, como fazia com Tabelas antigamente. Você pode até, se quiser, fazer um site inteiro usando apenas listas. Acontece que você não estará seguindo os padrões da mesma maneira que você não seguia quando fazia um site com Tabelas.

Já disse aqui, mas não custa nada repetir: Semântica é alma do negócio. Semântica é que manda. Nas recomendações do W3C, cada objeto tem sua função. Cada tag tem seu papel a cumprir, tem sua identificação. Você não pode simplesmente fazer um título com um DIV. Se alguma aplicação navegar em sua página, e se deparar com este objeto como ele vai saber que este texto é um Título? E é assim com os outros elementos também.

Um site feito com estas características, também passa na validação. Passar na validação quer dizer que o site é Tableless? Não passar na validação quer dizer que o site deixou de ser Tableless? Passar na validação quer dizer que o site segue os padrões?
Se você colocar um <p> e formatar por CSS para ele ter características (fonte, tamanho, etc) de um título, ele vai passar na validação? Claro que vai! Ele segue os padrões?

O termo Tableless é polêmico. Tableless é apenas um nome. Aqui no brasil este termo pegou, lá fora não. Os gringos usam o termo “CSS Layout” para se referir a um site que segue os padrões, da mesma forma que usamos o “Tableless”. No fundo, no fundo é tudo a mesma coisa, mas temos que tomar cuidado com esta observação: Um site tableless não é sinônimo de seguir os padrões. Um Layout feito com CSS não é sinônimo de site que segue padrões.

O Henrique falou muito sobre o assunto no post, mas, se você quiser entender mais sobre o assunto, leia alguns artigos publicados aqui mesmo no Tableless:

categorias:
tags:

Se ainda estiver interessado, leia também:

31 Comentários

Alenônimo

De acordo. É bom deixar isso bem claro pois já me deparei com pessoas que se recusavam a usar tabelas, mesmo que precisasse usar uma tabela. Só para o site ser “tableless”.

Talvez seja por isso que o termo anda em desuso lá nos Estados Unidos. :)

Jader Rubini

Concordo plenamente. Nem é preciso acrescentar ou tirar mais nada.
Parabéns pelos ótimos artigos. ;)

Brum

Eu uso tableless quando eu falo porque é mais fácil e curto do que falar “seguindo os padrões”. Três silabas e deu pra bola.

Acredito que o termo hoje em dia sirva como uma espécie de iniciação maçônica aos seguidores de baixa classe na hierarquia de desenvolvimento web.

rogeriobrum.com » Blog Archive » Aprenda Tableless, iniciando…

[…] O Diego do Tableless e o Henrique Pereira do Revolução etc escreveram sobre Web Standards X Tableless e eu gostaria de dar meu humilde pitaco (na verdade isso ia ser um comentário no tableless mas ficou muito grande e resolvi coloca-lo aqui). […]

Santiago Carmo

O fato é que as pessoas acabam parando de usar tabelas, mas por outro lado (provavelmente pela falta de interesse em ler alguma coisa sobre o assunto), criam tantas div’s que poluem mais que as tabelas!

Já ouvi falar em vários sites de pessoas que aprovam o uso de listas não ordenadas para estruturar totalmete o site. Creio que essas pessoas deveriam ler um pouco mais sobre esse assunto!

Uira

(smiles???)

Opa, boa explicação.
rápida e consistente.

Ouvi alguém falar mal do teu site num lista qqer um dia desses (lista q vc deve estar, aposto, hehe), e vou lá reclamar falando q vc explicou tudo direitinho por aqui… lerei as referências.

PS: seria muitíssimo legal da tua parte se recomendasse os textos q vc conheça sobre os assuntos…

Pedro Rogério

E não é só isso não, tem gente que acha que hoje em dia, que usando uma Div aqui e outra alí, tendo o código válido, acha que o site está dentro dos padrões, aff…….

Newton Wagner

Perfeito, explicar nunca é demais… mas temos que concordar.. o termo tableless causou impacto inicial, mas ele não condiz com o que deve ser feito. :).

Rael

Pois é…. vejo muita gente pedindo profissionais com “experiência de tableless”… hehehe….

virou dito popular….

Márcia O. Carmo

Ótimo artigo!
Agora fiquei de caaara com o site “divless”.. meu deus!! Nunca imaginei aquilo ehehheheheh

:)

Márcia O. Carmo

Ué!
Fiz um comentário aqui mas “sumiu”.

Enfim, show de bola o artigo!
Fiquei soh de cara com o “divless”…

Rodrigo Medeiros

[…] Dando continuidade ao debate pertinente sobre este assunto, o Diego Eis deixou sua contribuição com o texto quase homônimo em Web standards vs Tableless […]

Marcelo

Caros amigos….

Gostaria de citar uma nova ferramenta, muito útil para nós profissionais, de todas as áreas. Chama-se Lumpa. É uma ferramenta (comunidade) onde você adiciona seu currículo e seus contatos profissionais.

Para troca de informações entre profissionais e para busca de currículos e profissionais para as empresas, é uma ferramenta espetacular.

O link para o site é http://www.lumpa.com.br

Bons contatos.

tarcísio Sassara

Realmente, acredito que os novos profissionais que surgem focados na web e não possuem um treinamento adequado, sentem dificuldade em entender essas diferenças, acho que quem já estudou programação(independente de linguagem) conhece o suficiente de lógica para que a palavra semântica, soe familiar. :-B

Ver que a palavra “Tableless” é bastante falada entre os profissionais desta área, mostra o quanto este site(tableless.com.br) é significativo para a evolução e popularização dos padrões web aqui no Brasil.
Preciso dizer:”bom trabalho Diego”? :)>-

Dener

Só um adendo: o correto não seria ‘recomendações’ em vez de ‘padrões’ do W3C?

Joabe Brillinger

É! fica parecendo que é só eliminar as tabelas e ta tudo certo, ou ainda, passando na validação o código ta perfeito! A maioria pensa assim. Mas tenho que admitir que se não fosse por esse nome, muitas pessoas ainda estariam desenvolvendo do modo antigo!

Benjamin

Tem que ver que Tableless é só uma maneira de diferente de fazer o layout (melhor, mas nada além disso). Web standards é que o quente da coisa. Acho que todos deveriam “ver” páginas em um leitor de tela para entender a importância que os web standards trazem.

Fabio Nobre

Acho que se faz muita confusão entre os dois termos, principalmente entre os iniciantes.

Mas como outros colegas falaram, o bacana é que geralemente quem se interessa por tableless (mesmo não sabendo diferencia-lo das webstandards) segue o caminho certo dos padrões.

Muito bom o post.

ErickX

falae doido, seguinte cara, não estou conseguindo cadastrar (http://feeds.feedburner.com/tableless) seu podcast no meu iTunes, há algum problema com o link ou você não o faz mais?

aguardo contato (por email)…

erick[dot]xavier[at]gmail[dot]com

vlw ;)

Ana Paula

“Os gringos usam o termo “CSS Layout” para se referir a um site que segue os padrões, da mesma forma que usamos o “Tableless”. ”

Rolou uma contradição aqui, né? Tableless = CSS Layout, que é diferente (não tem o sinal no teclado) de Web Standards/Padronização.

Pra mim sempre foi clara essa distinção. Uma coisa é uma coisa, outra coisa é outra coisa!

Joares Miranda

Essa história de padrões… ser tableless ou não… e bla bla bla… como comentei no Revolução… tá muito um esquema marketeiro…

O esquema tá nos padrões caso esteja semanticamente correto… onde a tag certa é usada no lugar certo… só isso…

Qm usa uma tag para transformá-lo em título… este ser merece atenção tão redobrada?

Manda ele estudar!

baker

Usar tabelas tampouco significa estar fora dos padrões. Às vezes as tabelas são necessárias; necessárias para o uso que deve ter as tabelas, não para arrumar layouts. Os gringos não usam a palavra “tabeless” porque significaria “sem tabelas” e esse conceito é inexato já que um “CSS Design” não é obrigado a não usar tabelas; já “tableless” limita a questão. As tabelas não são radiativas :-), simplesmente, devem ser usadas para o que foram criadas: para apresentar informação estruturada e tabular. Abraços.

nninno

Para mim parece óbvio que seguir os padrões e utilizar CSS para o design do site são duas coisas completamentes distintas…

De qualquer forma, é importante mostrar isso para quem está começando no assunto.

aretadobem.com.br » Blog Archive » Web Standards vs Tableless

[…] Te toda essa confusão, já fico feliz pela iniciativa do site ser Tableless! Confira os artigos no tableless.com.br e no revolucao.etc.br […]

Web Standards Bobagens » Bobagem #5

[…] A bobagem de hoje vai para os comentários postados na matéria Web Standards vs Tableless publicado no site Tableless. […]

Fábio Valentim de Jesus Silva

O Tableless já é um fracasso por que os chamados “padrões web” nunca vão ser seguidos pelos browsers. Além disso, os próprios caras que pregam isso geram muita confusão, inventando vários jargões para a mesma coisa. Graças a isso que o Tableless está muiito longe de ser o diferencial no mercado, devido a essa confusão.

Tableless « JulioGreff

[…] Alguns ainda não consideram que um site Tableless segue os padrões (mas pode seguir sim, sem nenhum problema). No Tableless e no Revolução Etc tem dois posts interessantes sobre o assunto: Tableless vs. WebStandards. […]

Você é tableless, eu sou padrões web(ponto final) « Eduardo Bona

[…] E como dizia o próprio artigo do Tableless, do Diego Eis: “Talvez, se você nunca tenha me ouvido falar sobre o assunto, possa parecer um tanto assustador, mas ouça bem: Se um site é Tableless, não quer dizer que ele siga os Padrões. Pois é…” Leia o artigo completo. […]

JulioGreff’s Blog » Tableless

[…] Alguns ainda não consideram que um site Tableless segue os padrões (mas pode seguir sim, sem nenhum problema). No Tableless e no Revolução Etc tem dois posts interessantes sobre o assunto: Tableless vs. WebStandards. […]

Júlio Greff » Arquivo » Tableless

[…] consideram que um site Tableless segue os padrões (mas pode seguir sim, sem nenhum problema). No Tableless e no Revolução Etc tem dois posts interessantes sobre o assunto: Tableless vs. […]

Marcos Watanabe

Mais que tableless ou não, o importante é o site ter uma boa comunicação e conteúdo …

Voltar para o topo

Histórico