Eine kurze Diskussion über den Unterschied zwischen src und href in HTML

Einfach ausgedrückt bedeutet src „Ich möchte diese Ressource laden“ und href „Ich möchte mit dieser Ressource verknüpfen“

src wird hauptsächlich zum Ersetzen von Elementen verwendet und href wird verwendet, um relevante Links mit verwandten Dokumenten und externen Ressourcen herzustellen.

Das href-Attribut gibt an, dass ein Link zwischen der lokalen Webressource und der definierten Ressource hergestellt wird.

wie:

<link href="style.css" rel="stylesheet"/>

Der Browser weiß, dass es sich bei dieser Ressource um ein Stylesheet handelt, und stoppt die Analyse nicht, wenn er dieses Element erreicht. Das Rendern der Seite kann jedoch angehalten werden, da der Browser zum Rendern der Seite Stilregeln benötigt.

Der Browser lädt den Inhalt der CSS-Datei nicht in das Style-Tag. Daher empfehlen wir, zum Laden von Stylesheets den Link-Tag anstelle von @import zu verwenden.

Das src-Attribut bettet die entsprechende Ressource in die aktuelle Seite ein. wie:

<script src="script.js"></script>

Wenn der Browser die Seite lädt und verarbeitet, findet er script.js und kompiliert das JS. Erst dann werden die nachfolgenden Seitenkompilierungs- und Analysearbeiten fortgesetzt.

Der JS-Inhalt wird in das Skript-Tag geladen. Dies ist dem img-Tag sehr ähnlich. Wenn der Browser das img-Tag analysiert, lädt er das entsprechende Bild und fügt es in das img-Tag ein.

Aus diesem Grund sollte die jS-Datei zuletzt im Dokument geladen werden. Vor dem Etikett.

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.