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)</p>
  • 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