Utilisation de CCS pour éliminer des Tableaux

Le CSS ou les feuilles de cascade de modèle a ouvert des possibilités énormes pour améliorer des conceptions de site Web, des dispositions de page Web et ajouter de nouveaux dispositifs. Le code de HTML peut être rendu plus court, plus propre et plus simple par CSS ayant pour résultat un chargement plus rapide des pages Web, et de les rendre plus accessibles aux moteurs de recherche. Je relate mon expérience avec seulement une part de CSS - utilisation de lui pour éliminer des tables.

Si vous regardez une page Web traditionnellement conçue, vous êtes susceptibles de trouver le nombre de tables dans la disposition. Des Tableaux plus tôt ont été employés seulement pour l'information montrante sous une forme tabulaire. Mais les concepteurs de site Web ont bientôt commencé à employer des tables pour d'autres applications telles que montrer des images, des graphiques et d'autres décorations.

Mes propres pages Web étaient de premiers damiers des tables. Chaque page Web a été presque entièrement couverte de tables et beaucoup de tables ont été nichées à l'intérieur d'autres tables. Pendant que j'essayais d'ajouter plus de dispositifs la conception est devenue de plus en plus compliquée ayant pour résultat les plus longs moments de chargement. Elle a également pris le sort de temps « ajustent » les tables à la page pour la rendre acceptable.

Il n'était pas un facile chargent de remodeler toutes pages en utilisant le CSS. Mais une fois que je commençais, les améliorations étaient plus que j'avais négocié pour. La conception est devenue plus simple, l'aspect amélioré et le moment de chargement est descendu considérablement. Le code a semblé vrai nettoient. La plupart d'étiquettes de « td » et de « TR » ont été allées.

Mon but de cet exercice n'était pas vraiment changer l'aspect mais de rendre la conception plus simple. Maintenant on a éliminé les tables qui plus tôt ont été employées seulement pour le but de conception. Pour éliminer la première étape de tables est de décider quelles tables ou plus spécifiquement que des cellules doivent être enlevé. Pour appliquer le CSS chaque cellule d'une table peut être considérée comme « boîte ». Ces boîtes sont données des identités séparées et la description de chaque « boîte » entre dans le code de CSS. Les « boîtes » peuvent être données des noms tels que box1, box2 etc. La description de la « boîte » peut inclure la taille, son endroit sur la page Web, la couleur de fond et l'image si, détails de police, remplissage, frontière en détaille etc. L'endroit de la « boîte » peut être rendu « fixe » sur la page Web, ou il peut flotter dans ce cas l'endroit peut être défini en ce qui concerne une autre « boîte ».

Si l'endroit et les dimensions des boîtes sont correctement établis, ils s'adaptent d'une manière ordonnée dans la page Web lui donnant un regard propre. Puisque le code s'est associé aux conceptions de table sont éliminés, la teneur de la page atteint plus de proéminence dans le code. Ceci le facilite pour que les araignées de Search Engine localisent la teneur réelle de la page.

Si vous avez plusieurs pages Web avec la conception semblable, le code de CSS avec ces derniers et d'autres détails peut être mis dans un dossier externe. Ceci raccourcira plus loin le code pour chaque page. Avec le sort de CSS beaucoup d'améliorations peuvent être faites dans la conception et la disposition de page Web. Le CSS peut également être employé pour l'optimisation de Search Engine de la page.

Mon expérience avec le CSS a été grande et je me demande pourquoi il n'est pas employé plus souvent. Mon conseil - le converti au CSS a basé la conception.