Der Unterschied zwischen src- und href-Attributen

Es gibt einen Unterschied zwischen src und href und sie können verwirrend verwendet werden. src wird verwendet, um das aktuelle Element zu ersetzen, und href wird verwendet, um eine Verknüpfung zwischen dem aktuellen Dokument und der referenzierten Ressource herzustellen.

src ist die Abkürzung für „source“, die auf den Speicherort einer externen Ressource verweist. Der verwiesene Inhalt wird an der Stelle des aktuellen Tags in das Dokument eingebettet, auf das die Ressource verweist werden heruntergeladen und auf das Dokument angewendet, zum Beispiel JS-Skripte, IMG-Bilder, Frames und andere Elemente

.

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

Wenn der Browser dieses Element analysiert, unterbricht er das Herunterladen und Verarbeiten anderer Ressourcen, bis die Ressource geladen, kompiliert und ausgeführt wird. Das Gleiche gilt für Elemente wie Bilder und Frames to Zeigt auf eine Ressource, die im aktuellen Tag eingebettet ist. Aus diesem Grund wird das js-Skript

auch unten statt im Kopf platziert.

href ist die Abkürzung für Hypertext Reference, die auf den Speicherort der Netzwerkressource verweist und einen Link zum aktuellen Element (Anker) oder aktuellen Dokument (Link) herstellt zum Dokument

Dann erkennt der Browser das Dokument als CSS-Datei, lädt die Ressourcen parallel herunter und stoppt die Verarbeitung des aktuellen Dokuments nicht. Aus diesem Grund wird empfohlen, zum Laden von CSS die Link-Methode anstelle der @import-Methode zu verwenden. Der Inhalt von

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

src wird verwendet, um das aktuelle Element zu ersetzen und ist ein wesentlicher Bestandteil der Seite. Der Inhalt von

href wird verwendet, um eine Verbindung zwischen dem aktuellen Dokument und der referenzierten Ressource herzustellen . Es ist eine Referenz.