Dove in un documento HTML è il luogo corretto per fare riferimento a un foglio di stile esterno

Una pagina HTML ha due parti principali, la prima è la testa e la seconda è il corpo. Il tag Head è quello che contiene il titolo della pagina HTML e tutti i collegamenti ai file esterni. HTML fornisce la struttura per aggiungere il riferimento a un foglio di stile esterno in qualsiasi parte del documento. Tuttavia, dobbiamo scegliere il posto corretto e migliore per aggiungere il foglio di stile esterno.

Questo post mira a affrontare il luogo corretto in cui è possibile aggiungere un foglio esterno in un documento HTML.

Qual è il luogo corretto per fare riferimento a un foglio di stile esterno in HTML?

Come accennato in precedenza, è possibile aggiungere il collegamento al foglio esterno ovunque nel documento HTML. Tuttavia, la migliore pratica è aggiungerlo all'interno del tag. Se il foglio di stile viene aggiunto nel tag, ci vuole meno tempo per il caricamento rispetto a se viene aggiunto altrove nel documento HTML.
Vediamo come può essere aggiunto un foglio di stile nel tag.

Html

Sezione 1
Sezione 2

In questo codice, abbiamo creato due divisioni usando il tag. Il collegamento del foglio di stile esterno viene aggiunto all'interno della sezione della testa utilizzando il tag. IL "Href"Attributo che specifica la posizione del foglio di stile esterno.

Il codice del file CSS è fornito di seguito.

CSS

div

Testo-align: centro;
Font-size: 30px;
colore bianco;
imbottitura: 10px;
display: flex;
ALIGE-ITMS: CENTRO;
giustificare contento: centro;
Altezza: 150px;
larghezza: 98%;

.uno

Background-color: Limegreen;

.due

Background-color: Orange;

Questo codice CSS è scritto in un foglio di stile esterno.

Produzione

L'output mostra che lo stile viene applicato correttamente sui due div.
Questo è tutto! Hai imparato a conoscere il posto giusto per aggiungere riferimento a un foglio di stile esterno in HTML.

Conclusione

In un documento HTML, il tag è il posto giusto per aggiungere il riferimento di un foglio di stile esterno. Il foglio di stile si carica più velocemente se posizionato all'interno del tag. Questo post ha fornito informazioni sul posto giusto per aggiungere riferimento per un foglio di stile esterno in HTML. Inoltre, hai anche imparato come un foglio di stile esterno è collegato al documento HTML.