Un beau code est la base d'un beau site Web. Un excellent CSS n'existe qu'au-dessus d'un code HTML tout aussi excellent, qui rend un site Web plus robuste. Cet article décrit 12 lois pour obtenir un code de conception Web propre, adapté à toute personne engagée dans la conception Web.
1. DOCTYPE strict
Si vous voulez le faire, faites-le correctement. Qu'il s'agisse de HTML 4.01 ou de XHTML 1.0, ils proposent tous le mode Strict. L'utilisation du mode Strict peut garantir que notre code ne masque aucune erreur.
2. Déclaration du jeu de caractères, les caractères spéciaux sont codés et traités.
La déclaration du jeu de caractères doit être placée au début de la partie hea> afin que le navigateur sache comment afficher tout le contenu de la page Web, y compris le titre. De plus, il est préférable de remplacer certains caractères spéciaux, tels que &, par &, qui constitue la méthode la plus sûre.
3. Un verrouillage et
une indentation appropriés n'affecteront pas le rendu des pages Web, mais amélioreront considérablement l'expérience de lecture du code source. Il n'y a pas de règles spécifiques pour l'indentation, mais c'est une bonne pratique d'être cohérent d'un bout à l'autre.
4. Placez CSS et JavaScript
dans
des fichiers externes. Placer CSS et JavaScript dans des fichiers externes à titre de référence réduit non seulement la taille d'une seule page Web, mais signifie également que d'autres pages Web peuvent partager ces codes. être meilleur.Minimisez les téléchargements répétés du même code.
5. Imbibez correctement la balise Tag
comme indiqué ci-dessous. Dans la première ligne de code, la balise h1> est imbriquée dans la balise a>. Bien que la plupart des navigateurs la restituent correctement, ce n'est pas une bonne habitude. mais les objets en ligne, les objets en ligne ne doivent pas contenir d'objets de bloc.
6. Éliminez les divs inutiles.
Les divs sont souvent abusés (en particulier dans le mythe DIV+CSS dans lequel nous nous trouvons actuellement - Traducteur). Les gens veulent tout mettre dans un div afin de pouvoir leur attribuer des styles CSS. en ballonnement.
7. Utilisez de meilleures règles de dénomination.
Comme indiqué ci-dessous, la classe CSS de Cat est nommée rouge italique, ce qui implique que Cat utilise de l'italique rouge. Et si vous souhaitez changer Cat en bleu gras ?
8. Essayez d'utiliser CSS pour contrôler le formatage du texte
comme indiqué dans la figure ci-dessous. N'utilisez pas directement les lettres majuscules. Utilisez CSS pour contrôler le formatage du texte, ce qui sera plus flexible.
9. Attribuez une classe/identifiant indépendant au corps
. Attribuez une classe/identifiant indépendant à la balise body, qui peut facilement localiser n'importe quel objet dans la page, car tous les objets de la page sont situés dans le corps.
10. Vérification
Il va sans dire que vous devez vérifier le code de la page Web autant que possible. Même si certaines erreurs de code peuvent être automatiquement corrigées par le navigateur, certaines erreurs auront de mauvaises conséquences, surtout lorsque vous êtes en mode Strict. Même si vous ne faites rien, voir cette marque verte de vérification du W3C peut au moins vous aider à vous sentir mieux.
Il n'est pas nécessaire d'être rigide pour réussir la vérification du W3C. Il y a d'autres considérations dans la conception Web. Seul le fait de s'en tenir aux résultats de la vérification du W3C peut affecter certains facteurs plus importants. Par exemple, IE6 présente de nombreux bogues dans la norme W3C. 100 % Déclarer via la vérification du W3C que son site Web ne prend pas en charge IE6 entraînera, du moins en Chine, plus de perte que de gain - Traducteur
11. Ordre structurel raisonnable
Gardez la structure de la page Web dans un ordre logique.
12. Faites de votre mieux
Si vous écrivez à partir de zéro, il est bien sûr beaucoup plus facile de conserver les principes ci-dessus. Si vous devez modifier l'ancien code, cela sera pénible. Un mauvais codage de certains systèmes CMS vous enlisera. , ou votre Il y a tellement de choses à changer sur un grand site internet, quoi qu'il en soit, il est très important de toujours conserver de bonnes habitudes.