Porque criar sites com CSS é melhor do que com tabelas

Porque tabelas para layout são horríveis

• É necessário esperar carregar toda a tabela para que apareça
• Encourajam o uso de gifs transparents para posicionamento
• Tabelas são horríveis para impressão. Com CSS, você pode criar um estilo para impressão. Tirar menus e cores desnecessárias

Porque CSS é melhor do que tabelas para layout

• suas páginas carregarão mais rápido, pois o CSS fica guardado no cache. Em sites com tabelas, os estilos ficam no meio do código
• você economizará dinheiro na hospedagem, pois com elas você faz algo melhor e menor
• a manutenção é mais fácil,pois você não precisa editar o HTML, basta editar o CSS que você pode mudar completamente o design. Com tabelas, você precisaria mudar todos os arquivos
• sua posição nos sites de busca irá melhorar. Em sites com CSS você pode identificar o que é importante e destacar as palavras-chave

(usando as tags strong e as de cabeçalho com HTML)

• seu site se tornará acessível em diversos navegadores. Podendo ser melhor visualizado em celulares e outros aparelhos

Por onde posso começar a aprender CSS?

Fiz uma lista com 21 sites sobre CSS e Tableless (design sem tabelas). São ótimos sites com tutoriais, guias, exemplos e layouts para aprender todas as manhas dessa poderosa e simples linguagem. Não perca tempo e comece AGORA!

Exemplo real de como layouts feitos com CSS são melhores

Vinicius Siqueira, dono do GamesOn, conta que com a mudança do layout em tabelas para quase todo em CSS houve uma redução de 50KB para 15KB por página e aumentaram as visitas vindas de sites de busca.

Textos de referência

• Stupid Tables (Em português) ~ Porque utilizar tabelas para layout é estupidez: problemas definidos, soluções oferecidas
• Why not tables? Is CSS really better?
• Build your pages with CSS, not tables
• Why avoiding tables (for layout) is important