Div Css ou tabelas? prós e contras

Existem duas escolas diferentes de pensamento ao criar um layout da web: usando DIVs formatados através do uso de CSS ou usando mesas ou etiqueta HTML.

Le mesas, além de terem a função de representar os dados alinhados em linhas e colunas, são utilizados para construir toda a estrutura de uma página web. Com as tabelas, você pode definir o layout de uma página da web para organizar o texto em várias colunas e obter alinhamentos ainda mais complexos.

I DIVEm vez disso, eles são coletores de elementos, esses elementos definem o conteúdo como embutido (SPAN) ou como nível de bloco (DIV), mas não impõem qualquer outro idioma de apresentação no conteúdo. Portanto, os autores podem usar esses elementos em conjunto com folhas de estilo, etc. para adaptar o HTML às suas necessidades e gostos.

Digamos que o uso de tabelas é mais intuitivo e certamente mais fácil, você pode ter certeza de que o layout é semelhante em quase todos os navegadores da web e as alterações podem demorar muito. O uso de DIV + CSS envolve um profundo conhecimento de HTML e CSS, o layout é mais limpo e, tecnicamente, menos linhas de código são necessárias para obter o mesmo resultado usando tabelas. O principal problema é o compatibilidade com vários navegadores: na verdade, alguns parâmetros CSS podem ser interpretados de forma diferente por navegadores diferentes, resultando em um layout modificado.

O usuário, entretanto, não perceberá se um site foi feito utilizando tabelas ou DIV + CSS. Determinar qual é a melhor abordagem não é fácil, podemos dizer que:

• usar DIV + CSS permite implementar páginas com código menos complicado e CSS pode ser armazenado em arquivos externos. Isso garantiria um carregamento muito mais rápido das páginas da web;
• se optou por adotar um projeto específico e detalhado, será aconselhável utilizar as tabelas, pois elas agilizarão o carregamento das páginas da web. “Por exemplo, o Google oferece todos os seus anúncios por meio de tabelas”.

Os buscadores não se importam com essas diferenças de código, digamos que o importante seja a qualidade do conteúdo e os tempos de carregamento das páginas. Certamente, um site de fácil navegação ajudará os spiders no processo de indexação.

Vamos analisar os prós e contras do uso de tabelas e DIV + CSS:

1. Para o Tabelle

Pro

• menos tempo na implementação de um layout baseado em tabela;
• facilidade de escrita;
• alguns erros encontrados com navegadores.

contra

• a conveniência no desenvolvimento é paga com a complexidade do código e a falta de clareza no conteúdo;
• tabelas aninhadas não são populares entre os mecanismos de pesquisa;
• uso de muito código e dificuldade em lidar com tags de fechamento.

2. Para mim DIV + CSS

Pro

• excelente divisão entre conteúdo e layout gráfico;
• redução do peso das páginas com melhores tempos de carregamento;
• capacidade de alterar a aparência do site editando apenas um arquivo.

contra

• uso de truques CSS para obter alguns efeitos gráficos e fazer o layout cruzar os navegadores (alguns navegadores podem interpretá-los de forma diferente);
• conhecimento profundo de CSS;
• levando mais tempo para implementar um layout complexo.