Écrire un code dans un format soigné et clair est le but des bons développeurs. Le code HTML est généralement long et il est donc recommandé de construire une structure propre de documents HTML. La lisibilité et la réutilisabilité du code HTML dépendent du modèle d'écriture du code. Ce message descriptif illustre de bonnes pratiques pour écrire une syntaxe HTML.
Syntaxe HTML Bonnes pratiques
Cette section répertorie plusieurs pratiques qui doivent être suivies pour un bon document HTML.
Type de document (doctype)
Le type de document doit être là en haut du code pour connaître le type de contenu. Dans HTML5, le texte suivant doit être écrit en haut du document (ou vous obtiendrez la structure par défaut dans les éditeurs modernes):
Structure de document
La structure du document de HTML doit être suivie pour rendre correctement les pages. Sinon, vous devrez peut-être rencontrer divers problèmes de rendu. Un échantillon de la structure de document d'un HTML5 est illustré ci-dessous:
Structuration sémantique
Les éléments sémantiques donnent un sens approprié de leur utilisation comme , ,
, etc. Chaque fois que vous écrivez un code HTML, vous devez utiliser des éléments sémantiques car ils fournissent un objectif pour leur utilisation.
Titre
Un titre résume le contenu de votre page en quelques mots, il est donc recommandé d'utiliser le titre approprié qui définit le contenu.
Meta Tags
Les étiquettes Meta sont pratiquées pour communiquer avec le navigateur ou définir la réactivité de la page Web. La réactivité est réalisée à l'aide de l'attribut de la fenêtre comme indiqué ci-dessous. Vous constateriez également que le charmét de la page Web est défini sur UTF-8 (qui indiquera au navigateur le chargé utilisé).
Optimisez votre code
Un document HTML peut être très complexe, il est donc suggéré de rechercher des opportunités d'optimisation en limitant le nombre d'éléments sur une page.
Échancrure
L'indentation dans HTML ne produira aucune erreur, cependant, elle affectera la lisibilité du document. Ainsi, l'indentation doit être utilisée correctement en suivant les étiquettes d'ouverture et de clôture de manière appropriée.
commentaires
Pour une meilleure convivialité du code HTML, les commentaires jouent un rôle vital dans la transmission du but du code. Les commentaires HTML peuvent être utilisés de la manière suivante:
Étiquettes minuscules
HTML5 est un langage insensible à la casse, mais ce serait une bonne convention d'utiliser des lettres minuscules pour les éléments HTML.
Étiquettes de clôture
Plusieurs éditeurs de code vous permettent de mettre fin à l'étiquette qui est démarrée. Cependant, si le support n'est pas fourni par l'éditeur, vous devez vous assurer la balise de clôture pour éviter toute erreur d'exécution.
Noms de fichiers
Si une URL telle que («https: // www.linuxhint.com / ”) ne contient aucun nom de fichier à la fin, puis le nom de fichier par défaut (spécifié par le serveur) est accessible. Vous devez rechercher le nom de fichier par défaut spécifié par le serveur (généralement c'est index.html) et configurez le serveur en conséquence.
modes
Les styles en ligne peuvent être ajoutés à l'intérieur d'un élément HTML où le CSS externe contient des formats de style dans un fichier externe. Dans le cas du style en vrac, les styles en ligne ou internes peuvent créer un gâchis qui entraîne une mauvaise visibilité du code. Depuis la discussion, il est clair que le CSS externe serait bénéfique dans tous les aspects.
Placement d'un fichier CSS
Un fichier CSS peut être placé n'importe où dans le code, mais il est recommandé d'ajouter le fichier CSS à l'intérieur de la balise. Le placement du fichier CSS dans la balise de tête aiderait à charger la page plus rapidement.
Validation
La validation du code est tout à fait nécessaire pour éviter toute erreur d'exécution. Donc, au lieu d'attendre l'achèvement du code, vous devez continuer à valider le temps du code par le temps.
Conclusion
Un document HTML peut être créé en suivant plusieurs pratiques. Cependant, si le formatage est soigné et clair, il serait facile de réutiliser et de lire le code. Cet article illustre les bonnes pratiques de la syntaxe HTML. Ces pratiques incluent des étiquettes minuscules, un titre, des styles, une structure de document systématique, l'optimisation du code, l'indentation, les commentaires,. Vous avez plusieurs possibilités d'écrire du code HTML, mais il est recommandé de suivre les pratiques fournies ici pour rendre le document HTML lisible et réutilisable.
