Où dans un document HTML est l'endroit approprié pour se référer à une feuille de style externe

Une page HTML a deux parties principales, la première est la tête et la seconde est le corps. La balise de tête est celle qui contient le titre de la page HTML ainsi que tous les liens vers les fichiers externes. HTML fournit l'installation pour ajouter la référence à une feuille de style externe dans n'importe quelle partie du document. Cependant, nous devons choisir le bon endroit et le meilleur endroit pour ajouter la feuille de style externe.

Ce message vise à aborder l'endroit correct où vous pouvez ajouter une feuille externe dans un document HTML.

Quel est le bon endroit pour désigner une feuille de style externe en HTML?

Comme mentionné précédemment, vous pouvez ajouter le lien à la feuille externe n'importe où dans le document HTML. Cependant, la meilleure pratique consiste à l'ajouter à l'intérieur de la balise. Si la feuille de style est ajoutée dans la balise, il faut moins de temps à charger par opposition à l'ajout ailleurs dans le document HTML.
Voyons comment une feuille de style peut être ajoutée dans la balise.

Html

Section 1
Section 2

Dans ce code, nous avons créé deux divisions en utilisant la balise. Le lien de la feuille de style externe est ajouté à l'intérieur de la section de tête à l'aide de la balise. Le "href”Attribut qui spécifie l'emplacement de la feuille de style externe.

Le code du fichier CSS est fourni ci-dessous.

CSS

div

Texte-aligne: Centre;
taille de police: 30px;
Couleur blanche;
rembourrage: 10px;
Affichage: flex;
Align-Items: Centre;
Justification-contenu: centre;
hauteur: 150px;
Largeur: 98%;

.un

Color en arrière-plan: limegreen;

.deux

Color en arrière-plan: orange;

Ce code CSS est écrit dans une feuille de style externe.

Sortir

La sortie montre que le style est appliqué avec succès sur les deux div.
C'est ça! Vous avez appris le bon endroit pour ajouter une référence à une feuille de style externe en HTML.

Conclusion

Dans un document HTML, la balise est le bon endroit pour ajouter la référence d'une feuille de style externe. La feuille de style se charge plus rapidement lorsqu'elle est placée à l'intérieur de la balise. Ce message a fourni des informations sur le bon endroit pour ajouter une référence pour une feuille de style externe en HTML. De plus, vous avez également appris comment une feuille de style externe est liée au document HTML.