+ Pourquoi Choisir XHTML & CSS ?Dimanche 29 juin 2008, 18:42Archives du blog »
Le web des années 1990
Qui n'a pas connu ces sites web au design peu attrayant et au code source désastreux que l'on trouvait dans les années 1990 (et encore parfois aujourd'hui) sur Internet ?
Le code source des site du web des années 1990
Le défaut de ces sites était d'allier, dans chaque page, la mise en page (design) et le contenu. Cela s'apparentait à un design propre à chaque page, intégré dans son code source, qui en devenait très long, et allongeait le temps de chargement de cette page. De plus, vous l'aurez compris, lorsqu'on voulait changer la mise en page de son site, il fallait modifier l'intégralité du code source de chaque page.
Les tableaux
Non contentes dêtre d'éjà très lourdes, les pages se voyaient dotée d'une mise en page sous forme de tableaux. Ceux-ci contenaient les éléments du design dans leurs cellules, dans le but d'éviter les différences d'affichage entre les différents navigateurs Internet qui ne respectaient pas les normes du web (standards du web), ou les interprétaient différemment.
Les évolutions des navigateurs
Le web étant devenu un commerce juteux, les sociétés développant les navigateurs tentent de respecter au mieux les normes du web. Les sites Internet s'affichent donc quasiment de la même façon d'un navigateur à l'autre. Les tableaux ne sont donc plus indispensables pour une mise en page cohérente (d'ailleurs l'ont-ils vraiment été un jour ?).
Passer les tableaux par la fenêtre
Abandonner les tableaux permet d'alléger le code et offre donc un chargement de la page plus rapide. On permet aussi aux moteurs de recherche de lire plus facilement nos pages (le code est plus propre) et donc d'être mieux positionné dans les résultats de recherche.
L'utilisation de XHTML et CSS
Nous pouvons, grâce à ces deux langages informatiques complémentaires, séparer la mise en page et le contenu. Ceci revient donc à créer deux pages : l'une où se trouve le contenu (la page écrite en XHTML), l'autre où se trouve le design (la page écrite en CSS).
Sur la page XHTML se trouve donc le contenu (textes, données...), c'est la que sont aussi définis les paragraphes, les colonnes... alors que sur la page CSS est défini l'espacement entre les paragraphes, la taille des colonnes, les couleurs de textes, du fond, la taille des polices...
Conclusion
Je vous ai cité les principaux avantages de l'utilisation de XHTML/CSS, mais on pourrait en trouver bien d'autres, qui illustreraient toute la puissance de la combinaison de ces deux langages.
4 commentairesHAUT
Cyril - 01.07.2008, 12:32
Il est vrai qu'utiliser CSS apporte de nombreux avantages, mais surtout, cela apporte un code beaucoup plus propre. Je pense qu'effectivement cela est le point le plus positif, et devrait pousser tous les sites à l'utiliser.
D'ailleurs, je trouve que très peu de sites (pour peu qu'ils aient été mis à jour récemment) utilisent encore des tableaux ! Mais il me semble qu'un site comme télécharger.com les utilise encore massivement : du moins, ceci était vrai il y a très peu de temps...
Cordialement.
Yannis - 02.07.2008, 09:27
Effectivement, je suis allé voir telecharger.com et ils utilisent des tableaux. Mais de toute façon leur site me paraît un peu bordélique !!!
Lucas - 12.07.2008, 11:45
En plus pas besoin de re-télécharger tout le code de mise en page grâce à la mise en cache de la feuille de style.
Lucas - 04.08.2008, 16:27
PS : un gain de rapidité et pour la bande passante notamment.
Parfois les tableaux sont tout de même indispensables, ou facilitent la mise en page (je parle de petit tableau, limité à un par page) et permettent de gagner du temps, tout en utilisant des CSS