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:

32 Comentários

Alenônimo 27/07/2006 às 22:26

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 27/07/2006 às 22:48

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

Brum 28/07/2006 às 01:03

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… 28/07/2006 às 01:14

[...] 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 28/07/2006 às 02:46

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 28/07/2006 às 05:37

(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 28/07/2006 às 09:09

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 28/07/2006 às 11:22

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 28/07/2006 às 11:35

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

virou dito popular….

Márcia O. Carmo 28/07/2006 às 15:50

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

Márcia O. Carmo 28/07/2006 às 16:00

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

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

Rodrigo Medeiros 28/07/2006 às 16:39

[...] 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 28/07/2006 às 22:18

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 29/07/2006 às 02:20

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 29/07/2006 às 19:19

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

Joabe Brillinger 30/07/2006 às 14:37

É! 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 30/07/2006 às 14:54

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 01/08/2006 às 23:22

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 02/08/2006 às 11:07

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 02/08/2006 às 16:42

“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 03/08/2006 às 17:29

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 05/08/2006 às 10:32

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 07/08/2006 às 00:02

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 11/08/2006 às 12:11

[...] 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 14/08/2006 às 11:38

[...] 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 07/09/2006 às 16:07

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 16/09/2006 às 14:21

[...] 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 12/10/2006 às 18:02

[...] 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. [...]

Boas práticas de Desenvolvimento com Padrões Web

Leia também: