Wo in einem HTML -Dokument der richtige Ort ist, um sich auf ein externes Stilblatt zu beziehen

Eine HTML -Seite hat zwei Hauptteile, zuerst ist der Kopf und die zweite ist der Körper. Das Head -Tag ist das, das den HTML -Seitentitel sowie alle Links zu den externen Dateien enthält. HTML bietet der Einrichtung, um die Referenz zu einem externen Stilblatt in einem Teil des Dokuments hinzuzufügen. Wir müssen jedoch den richtigen und den besten Ort auswählen, um das externe Stilblatt hinzuzufügen.

Dieser Beitrag zielt darauf ab, den richtigen Ort anzusprechen, an dem Sie ein externes Blatt in einem HTML -Dokument hinzufügen können.

Was ist der richtige Ort, um sich auf ein externes Stilblatt in HTML zu beziehen?

Wie bereits erwähnt, können Sie den Link zum externen Blatt überall im HTML -Dokument hinzufügen. Die beste Praxis ist jedoch, es in das Tag hinzuzufügen. Wenn das Stylesheet im Tag hinzugefügt wird, dauert es weniger Zeit zum Laden, als wenn es im HTML -Dokument irgendwo anders hinzugefügt wird.
Mal sehen, wie ein Stylesheet im Tag hinzugefügt werden kann.

Html

Abschnitt 1
Sektion 2

In diesem Code haben wir zwei Abteilungen mit dem Tag mit dem Tag erstellt. Die Verbindung des externen Stilblatts wird im Kopfabschnitt mit dem Tag hinzugefügt. Der "hrefAttribut, das den Ort des externen Stilblatts angibt.

Der Code der CSS -Datei ist unten bereitgestellt.

CSS

div

Text-Align: Mitte;
Schriftgröße: 30px;
Farbe weiß;
Polsterung: 10px;
Anzeige: Flex;
Ausrichtung: Zentrum;
Justify-Content: Center;
Höhe: 150px;
Breite: 98%;

.eins

Hintergrundfarbe: Limegreen;

.zwei

Hintergrundfarbe: Orange;

Dieser CSS -Code ist in einem externen Stilblatt geschrieben.

Ausgang

Die Ausgabe zeigt, dass der Stil erfolgreich auf die beiden Divs angewendet wird.
Das ist es! Sie haben über den richtigen Ort erfahren, um ein externes Stilblatt in HTML hinzuzufügen.

Abschluss

In einem HTML -Dokument ist das Tag der richtige Ort, um die Referenz eines externen Stilblatts hinzuzufügen. Das Stylesheet lädt schneller, wenn Sie in das Tag platziert werden. In diesem Beitrag wurden Informationen zum richtigen Ort bereitgestellt, um Referenz für ein externes Stilblatt in HTML hinzuzufügen. Darüber hinaus haben Sie gelernt, wie ein externes Stilblatt mit dem HTML -Dokument verknüpft ist.