Div Css ou Tableaux ? avantages et inconvénients

Il existe deux écoles de pensée différentes lors de la création d'une mise en page Web : l'utilisation de DIV formatés à l'aide de CSS ou en utilisant tabelle ou Étiquette HTML.

Le tabelle, en plus d'avoir la fonction de représenter des données alignées en lignes et en colonnes, ils sont utilisés pour construire toute la structure d'une page Web. Avec les tableaux, vous pouvez définir la mise en page d'une page Web afin d'organiser le texte sur plusieurs colonnes et d'obtenir des alignements même très complexes.

I DIVAu lieu de cela, ce sont des collecteurs d'éléments, ces éléments définissent le contenu soit en tant que contenu en ligne (SPAN) soit en tant que niveau de bloc (DIV), mais n'imposent aucun autre idiome de présentation au contenu. Par conséquent, les auteurs peuvent utiliser ces éléments en conjonction avec des feuilles de style, etc. pour adapter le HTML à vos besoins et à vos goûts.

Disons que l'utilisation des tableaux est plus intuitive et certainement plus facile, vous pouvez être sûr que la mise en page est similaire sur presque tous les navigateurs Web et que toute modification peut prendre beaucoup de temps. L'utilisation de DIV + CSS implique un connaissance approfondie de HTML et CSS, la mise en page est plus claire et techniquement moins de lignes de code sont nécessaires pour obtenir le même résultat en utilisant des tableaux. Le problème principal est le compatibilité avec divers navigateurs: en fait, certains paramètres CSS peuvent être interprétés différemment par différents navigateurs, ce qui entraîne une mise en page modifiée.

L'utilisateur, cependant, ne remarquera pas si un site a été réalisé à l'aide de tableaux ou de DIV + CSS. Déterminer quelle est la meilleure approche n'est pas facile, nous pouvons vous dire que :

• l'utilisation de DIV + CSS vous permet d'implémenter des pages avec un code moins lourd et CSS peut être stocké dans des fichiers externes. Cela garantirait un chargement beaucoup plus rapide des pages Web;
• si vous avez choisi d'adopter un design spécifique et détaillé, il sera conseillé d'utiliser les tableaux, car ils accéléreront le chargement des pages Web. « Par exemple, Google propose toutes ses annonces via des tableaux ».

Les moteurs de recherche ne se soucient pas de ces différences de code, disons que l'important est la qualité du contenu et les temps de chargement des pages. Un site facilement navigable aidera sûrement les araignées dans le processus d'indexation.

Analysons les avantages et les inconvénients de l'utilisation de tableaux et de DIV + CSS :

1. Pour le Tabelle

Pro

• moins de temps pour mettre en œuvre une mise en page basée sur des tableaux ;
• facilité d'écriture;
• quelques erreurs trouvées avec les navigateurs.

Contre

• la commodité du développement est payée par la complexité du code et le manque de clarté du contenu ;
• les tableaux imbriqués ne sont pas populaires auprès des moteurs de recherche ;
• utilisation de beaucoup de code et difficulté à gérer les balises de fermeture.

2. Pour moi DIV + CSS

Pro

• excellente division entre contenu et mise en page graphique;
• poids réduit des pages avec de meilleurs temps de chargement ;
• possibilité de changer l'apparence du site en éditant un seul fichier.

Contre

• utilisation d'astuces CSS pour obtenir des effets graphiques et rendre la mise en page multi-navigateur (certains navigateurs peuvent les interpréter différemment) ;
• connaissance approfondie de CSS;
• prendre plus de temps pour mettre en œuvre une mise en page complexe.