Maison  >  Article  >  interface Web  >  Une brève discussion sur les avantages et les inconvénients de DIV+CSS

Une brève discussion sur les avantages et les inconvénients de DIV+CSS

零到壹度
零到壹度original
2018-03-19 11:18:192538parcourir

Cet article parle principalement des avantages et des inconvénients de DIV+CSS. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

DIV lui-même est un conteneur. Vous pouvez non seulement intégrer des tableaux, mais également du texte et d'autres codes HTML ; CSS est l'abréviation de CascADIng style Sheets, qui se traduit par "Cascading Style Sheets" en chinois. La technologie CSS est utilisée lors de la création de la page d'accueil, ce qui permet d'obtenir un contrôle plus précis sur la mise en page, les polices, les couleurs, les arrière-plans et d'autres effets de la page. En apportant quelques modifications simples au code correspondant, vous pouvez changer l'apparence et la mise en forme de différentes parties d'une même page, ou de toutes les pages.

La norme DIV+CSS présente les avantages suivants :

1 Parce qu'elle utilise la mise en page CSS, elle n'est pas pleine de divers attributs comme le tableau. la mise en page et les nombres, et de nombreux fichiers CSS sont généralement partagés, réduisant ainsi considérablement le code de la page et améliorant la vitesse de navigation des pages.

2. La structure est claire et plus conviviale pour les moteurs de recherche. Il est plus facile d'être inclus dans les moteurs de recherche, possède les conditions innées pour le référencement des moteurs de recherche, et avec un excellent contenu et un certain traitement de référencement, vous pouvez obtenir un meilleur classement de sites Web.

3. Il a une meilleure compatibilité, est conforme à la tendance de développement des normes et spécifications Web et peut être utilisé sur presque tous les navigateurs. Il n'y aura pas de grande différence d'effets dans les différents navigateurs.

4. Raccourcissez le temps de révision, car la mise en page du site Web est contrôlée par des fichiers CSS externes. Vous pouvez mettre à jour les styles et les formats de plusieurs pages Web en même temps en y modifiant simplement quelques fichiers CSS. il n'est pas nécessaire de mettre à jour chaque page une par une. La page a été mise à jour. Vous pouvez utiliser un fichier CSS pour contrôler le style de toutes les pages Web du site. Tant que les lignes correspondantes dans le fichier CSS sont modifiées, toutes les pages de l'ensemble du site changeront en conséquence.

5. Puissantes capacités de contrôle des polices et de composition. La capacité du CSS à contrôler les polices est bien meilleure que la pauvre balise FONT. CSS n'a plus besoin d'utiliser des balises FONT ou des images transparentes de 1 px pour contrôler les titres et modifier les couleurs des polices. , et les polices, etc.

6. Améliorez la facilité d'utilisation. Utilisez CSS pour structurer le HTML Par exemple : la balise P n'est utilisée que pour contrôler les paragraphes, les balises h1-h6 ne sont utilisées que pour contrôler les titres et les balises de tableau ne sont utilisées que pour exprimer. données formatées, etc. Vous pouvez ajouter d'autres utilisateurs sans créer de versions distinctes.

7. Meilleure évolutivité. Votre conception n'est pas seulement utilisée dans les navigateurs Web, mais peut également être publiée sur d'autres appareils, tels que PowerPoint, etc.

8. Contrôle plus flexible de la mise en page. Habituellement, les pages sont téléchargées selon l'ordre du code, tandis que la disposition du code de mise en page du tableau signifie de haut en bas, de gauche à droite, et ne peut pas être effectuée. modifié. Grâce au contrôle CSS, vous pouvez modifier arbitrairement l'ordre des codes, par exemple en chargeant d'abord le contenu important à droite.

9. Séparez les performances et le contenu, proprement et proprement. En supprimant la partie conception et en la plaçant dans un fichier de style indépendant, alors que la page Web est principalement utilisée pour placer votre contenu, vous pouvez réduire le risque d'invalidation. pages Web à l'avenir.

10. Il est plus pratique pour les moteurs de recherche d'inclure et d'obtenir une évaluation plus élevée. Remplacez les balises imbriquées par du HTML qui contient uniquement du contenu structuré. Les moteurs de recherche trouveront votre contenu plus efficacement et pourront vous donner un meilleur classement.

11. La disposition du tableau n'est pas très flexible, vous ne pouvez suivre que le format du tableau tr td. Et p vous pouvez p ul li ou ol li ou ul li...

12. Dans la mise en page du tableau, il y aura beaucoup de code indésirable, certains styles et codes de mise en page modifiés sont mélangés, très peu intuitifs. DIV peut mieux refléter la séparation du style et de la structure, et la structure est hautement reconfigurable.

13. Certaines fonctions qui devaient auparavant être implémentées via la conversion d'images peuvent désormais être facilement implémentées à l'aide de CSS, téléchargeant ainsi les pages plus rapidement.


DIV+CSS présente de nombreux avantages, mais il présente également quelques inconvénients :


1. Les éléments de conception de la production de sites Web CSS sont généralement placés dans un fichier externe, ou dans plusieurs fichiers, qui peuvent être assez complexes, voire volumineux. S'il y a une anomalie dans l'appel du fichier CSS, l'ensemble du site Web le fera. est devenu terrible.

2. Bien que DIV+CSS ne soit pas hors de portée, c'est au moins plus compliqué que le positionnement de table. Même pour les experts en conception de sites Web, il est facile d'avoir des problèmes, sans parler des débutants.

3. Bien que DIV+CSS résout la plupart des problèmes de compatibilité des navigateurs, il existe également des exceptions lorsqu'ils sont utilisés dans certains navigateurs. Par exemple, Firefox affiche une page normale dans IE, mais il peut ne pas fonctionner dans Firefox. Bien sûr, cela devrait être un problème de navigateur, mais on peut dire qu'à l'heure actuelle, DIV+CSS n'a pas encore atteint une compatibilité unifiée avec tous les navigateurs.

4. Le fait que DIV+CSS soit optimisé pour les moteurs de recherche dépend du niveau professionnel de la conception Web, et non de DIV+CSS lui-même. La conception Web DIV+CSS ne garantit pas que la page Web sera optimisée pour les moteurs de recherche. Elle ne garantit même pas que la page Web aura une conception de code plus simple que le site Web HTML. De plus, l'inclusion et le tri des pages Web par recherche. Les moteurs de recherche ne sont évidemment pas mesurés en fonction de l'utilisation des tableaux et du positionnement CSS. C'est pourquoi de nombreux sites Web créés avec des mises en page de tableaux traditionnelles se classent en bonne place dans les résultats de recherche, tandis que de nombreuses pages Web créées à l'aide de CSS et de normes Web sont toujours classées en bas. En effet, pour les moteurs de recherche, des facteurs tels que la structure du site Web, son contenu et les liens vers des sites Web associés sont toujours les indicateurs les plus importants pour l’optimisation d’un site Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn