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
  • 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