Je suis exposé aux standards du Web depuis longtemps, mais cela ne fait pas longtemps que j'ai commencé à les pratiquer. Aujourd'hui, j'aimerais partager quelques idées sur la structure du code avec des débutants comme les loups. Cet article est une lecture introductive.
Certains amis peuvent se sentir un peu confus après avoir vu ce titre, alors laissez Wolf l'expliquer à tout le monde.
Tout d'abord, parlons de la compréhension de Wolf de la partie du discours de « DIV CSS ». Wolf pense que c'est un adjectif. Elle a décrit l'adoption d'une technologie de conception Web qui utilise DIV (en fait XHTML) comme structure et CSS comme présentation. Lorsque les normes Web ont été introduites en Chine, de nombreuses personnes ont décrit l'utilisation de la conception de normes Web comme « DIV CSS » pour faciliter la compréhension de tous. Cependant, des problèmes sont également apparus ! De nombreux concepteurs qui débutent dans les standards du Web pensent simplement qu'ils devraient utiliser DIV pour remplacer notre disposition de table d'origine. La structure des pages Web qu'ils ont conçues comprend également DIV et CSS.
L'erreur qui se produit est celle indiquée sur la figure. Tous les éléments adoptent la disposition DIV.
Une simple analyse de l'erreur. En raison d'une mauvaise compréhension, de nombreux novices utiliseront complètement DIV pour la mise en page. Dans une telle structure, DIV2 et 3 n'ont aucune sémantique. L’une des raisons pour lesquelles nous adoptons les standards du Web est de rendre la structure du code plus significative. Je me souviens avoir pensé que les experts disaient qu'utiliser DIV sans discernement était aussi mauvais que d'utiliser la disposition des tableaux.
En fait, nous pouvons modifier le code comme ceci. Améliorons la structure de nos pages Web.
Ici, DIV2 et 3 sont remplacés par h2 et p qui sont plus cohérents avec le contenu de la page. Rendre la structure du code de la page plus claire et plus significative.
Je pense que tout le monde devrait comprendre la signification de "DIV CSS n'est pas vraiment DIV CSS" à travers l'exemple de Wolf.