Der richtige Ort zum Verweisen auf ein externes Stylesheet in einem HTML-Dokument ist: der Teil „“. Da der Browsercode von oben nach unten analysiert wird, wird bei langsamer Netzwerkgeschwindigkeit der HTML-Code geladen, das CSS jedoch nicht, was dazu führt, dass die Seite keinen Stil hat schwer zu lesen, daher kann das Laden des CSS-Stils zuerst erfolgen Lassen Sie die Seite normal anzeigen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Der richtige Ort zum Verweisen auf ein externes Stylesheet in einem HTML-Dokument ist: der Abschnitt „<head>“.
Warum muss der Header-<head>-Teil im externen Link-CSS platziert werden?
Zunächst wird dem Benutzer die gesamte Seite angezeigt und durchläuft den HTML-Parsing- und Rendering-Prozess.
Das CSS des externen Links hat keinen Einfluss auf die Analyse von HTML, aber es wirkt sich auf die Darstellung von HTML aus, unabhängig davon, wo es platziert ist.
Wenn Sie das CSS am Ende einfügen, kann der Inhalt des HTML sofort angezeigt werden, es blockiert jedoch die Darstellung des CSS in der HTML-Zeile. [Empfohlenes Tutorial: CSS-Video-Tutorial]
Diese Strategie des Browsers ist tatsächlich sehr klug. Stellen Sie sich vor, dass die Seite ohne diese Strategie zunächst einen Inline-CSS-Stil anzeigt und dann plötzlich zu einem anderen wechselt, nachdem das CSS heruntergeladen wurde. Aussehen. Die Benutzererfahrung ist äußerst schlecht und das Rendern ist kostspielig.
Wenn Sie CSS an den Kopf stellen, kann das Herunterladen und Parsen von CSS gleichzeitig mit dem Parsen von HTML erfolgen. Wenn Sie es ans Ende setzen, dauert das Parsen des CSS länger und der Browser rendert zuerst eine nicht gestylte Seite usw. Nachdem das CSS geladen wurde, wird es in eine gestylte Seite gerendert und die Seite blinkt offensichtlich.
Weitere Kenntnisse zum Thema Computerprogrammierung finden Sie unter: Programmiervideos! !
Das obige ist der detaillierte Inhalt vonWo ist der richtige Ort, um auf ein externes Stylesheet in einem HTML-Dokument zu verweisen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
