November 4th, 2007Olha, tem uma <table> atrás de você!!
Se você é ainda um amador na área de programação e design web, e está usando <table> para montar o layout dos sites, então pare agora mesmo. Agora! Se parou, então agora esconda isso que você fez, pra ninguém ver. Assim é melhor.
Nos primórdios da web, quando o conhecimento era pouco e os recursos disponíveis eram menores ainda, havia um recurso bastante usado para montar a estrutura (layout) dos sites: a tabela. A pessoa montava uma grande tabela, com várias linhas e colunas, e ia colocando o conteúdo do site lá dentro. Era o único jeito de fazer o site ficar com a aparência desejada em todos os navegadores.
O tempo passou, o mundo mudou, e algumas pessoas começaram a usar outros recursos para montar a estrutura dos seus sites. Deixaram de usar tabelas e adotaram padrões web, e chamaram a isso de tableless. Se você está se perguntando por quê, temos muitas respostas. Em primeiro lugar, e mais importante, é o fato de que cada tag tem seu propósito, e a <table> não é exceção. Uma table (tabela) serve para exibir dados tabulares para o usuário. Dados parecidos com o que você vê numa planilha do excel. Usar table para montar o layout é usar uma tag fora de seu propósito, como usar um cachorro para pintar a parede. Você pode até conseguir molhar o cachorro na tinta e pintar a parede com ele, mas será que é pra isso que os cachorros foram feitos?
Em segundo lugar, por serem complexas de construir, as tabelas precisam de muito código para serem montadas. Então usar tabelas para montar seu layout acaba entupindo seu site de código html, aumentando o tamanho da página que o usuário precisa baixar. E se o usuário precisa baixar mais coisa, seu site será mais lento. Em terceiro e último lugar, o CSS já estava sendo suportado em todos os principais navegadores do mercado, além de economizar código e tornar mais prático o trabalho de desenvolvimento.
Para quem se interessa em SEO, há um outro motivo muito importante: como usar tabela no layout é errado, seu site acaba sendo “penalizado” por buscadores como o google. Ninguém quer que seu site se saia mal nos resultados de busca apenas porque o designer tem preguiça de aprender CSS.
E isso foi há anos atrás. Com o tempo, construir um site sem tabelas deixou de ser um diferencial dos bons profissionais e se tornou um requisito essencial de um designer. O tempo passou mais ainda e, hoje em dia, pessoas que ainda montam seus sites com tabelas são vistos por profissionais e empresas como grandes amadores, como pessoas que estão apenas brincando de “fazer sitezinho”, como um engenheiro veria você se fosse procurar emprego de engenharia dizendo que sabe montar casinhas com lego.
Você não quer ficar pra trás, você não quer perder a chance de conseguir aquele emprego só porque ainda está construindo sites como se vivêssemos em 1999. O CSS2 já está aí há anos, e o CSS3 está vindo. Se você ainda está montando seus sites com tabela, está na hora de rever seus conceitos.
Se interessou pelo assunto? Encontre livros de Web Design com os melhores preços no JáCotei!
Posts recomendados:
February 23rd, 2008 at 1:52 pm
Olá, gostei do seu artigo, muito incentivador. Meus parabéns.
Na minha opinião, acho que extrapolou um pouco nas suas linhas, afirmando que o uso de tabelas é errado, na verdade tornou-se um recurso bem ultrapassado na atualidade.
Hoje, por conta das exigencias de mecanismo de buscas, ferramentas de webmarketing e principalmente do usuário, temos visto que o CSS cresceu e tornou-se poderoso recurso na construção e otimização de sites e, é como você mesmo escreveu, leve, dinâmico, mais certeiro. É isso aí.
Bem, comecei neste ramo de sites há 2/5 anos, iniciei como todo amador começa… com tabelas… eh, eh, eh.
E sempre estou em busca de + materiais para minha biblioteca, se tiver algumas excelentes fontes de links e livros referente ao tablleless, repasse pra nós.
O Maujor está nos meus favoritos.
Um abraço.
February 24th, 2008 at 11:29 pm
Usar tabelas pra montar o layout É errado.
Cada tag tem seu papel, e a tabela é pra exibir dados tabulares.