Écrire des pages Web, c'est comme construire une maison. Les fondations seront solides pour que la maison ne s'effondre pas. La même chose est vraie lorsque nous créons des pages Web. Une bonne structure HTML est le début de la création d'un beau site Web. De même, un bon CSS n'existe qu'en HTML tout aussi bon, donc les avantages d'un HTML propre et sémantique sont nombreux. , y sommes-nous parvenus ? Regardons une photo ensemble :

L'image ci-dessus montre deux morceaux de code. Je pense que tout le monde n'aimera que le premier. Ne parlons pas d'abord de sa sémantique. Au moins, sa structure nous donne un aspect rafraîchissant. Un code qui ressemble à première vue à un mauvais code, un code qui fait que les gens le détestent. Alors, comment pouvons-nous écrire du bon code, du code propre ? Apprenons ensemble des douze aspects suivants. Tant que vous pouvez adhérer aux douze principes suivants lors de l'écriture de code à l'avenir, vous pouvez vous assurer que la qualité de votre code s'améliorera et que le code que vous écrivez sera apprécié de tous.

1. Déclaration de DOCTYPE

Si nous voulons bien faire quelque chose, nous devons d'abord savoir de quels droits nous disposons pour le faire. Tout comme l'instruction "DOCTYPE", nous n'avons pas besoin de discuter de l'opportunité d'utiliser HTML4.01 ou XHTML1.0 ou le HTML5 actuel fournit des informations strictes. Version ou version transitionnelle, celles-ci peuvent bien supporter le code que nous écrivons :

Puisque notre mise en page actuelle peut faire une bonne mise en page sans la mise en page du tableau, nous pouvons envisager de ne pas utiliser le type de transition mais d'utiliser le strict "DOCTYPE". Pour une compatibilité ascendante, je recommande d'utiliser le mode de déclaration HTML5 :

Si vous souhaitez en savoir plus, vous pouvez cliquer sur :

W3C : DTD recommandées à utiliser dans votre document Web
Réparez votre site avec le bon DOCTYPE !
Plus de DOCTYPEs de transition, s'il vous plaît

2. Jeu de caractères et caractères codés

Au début de chaque page, nous définissons le jeu de caractères dans Nous utilisons ici "UTF-8"

<meta charset="UTF-8" />

Copier après la connexion

. Et quand on écrit habituellement sur la page, on rencontre souvent des symboles comme "&", il ne faut donc pas écrire "&" directement sur la page :

Nous devons utiliser le codage de caractères dans le code pour y parvenir. Par exemple, "&" nous devons utiliser "&" pour le remplacer dans le code.

Si vous souhaitez en savoir plus, vous pouvez cliquer sur :

Wikipédia : UTF-8
Un tutoriel sur les problèmes de code de caractères
La table ASCII étendue

3. Corriger l'indentation du code

Lors de l'édition de pages, le fait que l'indentation du code soit correcte n'affectera aucune fonction de votre site Web, mais si vous n'avez pas de principe d'indentation standardisé, les personnes qui liront votre code seront très en colère, donc l'indentation correcte du code améliore la lisibilité de votre code. L'indentation d'un programme standard doit être un caractère de tabulation (ou quelques espaces). Pour le rendre plus vivant, jetons un coup d'œil à l'image au début de l'article, ou regardons l'image ci-dessous. vous saurez comment l'utiliser à l'avenir. Comment écrire le code pour que les gens puissent le lire avec plaisir :

Inutile de dire que tout le monde aimera le code ci-dessous. Ce n'est qu'une question d'habitudes, mais il est recommandé de bien le faire dès le début pour le bénéfice des autres et de vous-même. Pour une introduction à cet aspect, vous pouvez également vous référer à : Nettoyer vos pages Web avec HTML TIDY.

4. Liez en externe vos styles CSS et vos scripts Javascript

Il existe de nombreuses façons d'écrire des styles CSS dans la page. Certaines d'entre elles placent directement le style dans le "" de la page. Ce sera une très mauvaise habitude, car cela gâchera non seulement notre balisage, mais également. également ces styles. Convient uniquement à cette page HTML. Par conséquent, nous devons séparer le CSS et l'enregistrer en externe, afin que les pages suivantes puissent également créer un lien vers ces styles. Si votre page doit être modifiée, il nous suffit de modifier le fichier de style. Comme le montre l'image ci-dessous :

Ce dont nous parlons ci-dessus, ce ne sont que des styles. En fait, les scripts JavaScript sont identiques aux styles CSS. Avec des images et des textes, ce que je veux finalement exprimer est "Lorsque vous créez des pages Web, essayez de mettre vos styles CSS et vos scripts javascript dans un fichier séparé, puis référencez ces fichiers via des liens. C'est ainsi que le plus grand avantage est qu'il facilite la gestion et la modification de vos styles et scripts”

. 5. Corriger l'imbrication des étiquettes

Lorsque nous écrivons du HTML, nous avons toujours besoin de l'imbrication hiérarchique des balises pour nous aider à terminer l'écriture du HTML, mais il existe certaines règles pour l'imbrication de ces HTML. Si nous voulons l'expliquer en détail, nous devrons peut-être utiliser plusieurs chapitres. pour le décrire. Donc, ce que je veux dire ici aujourd'hui, c'est que nous ne devrions pas commettre les super erreurs suivantes lors de l'écriture HTML :