Unterschied zwischen src- und href-Attributen

Es besteht ein Unterschied zwischen src und href und sie können verwechselt werden. src wird verwendet, um das aktuelle Element zu ersetzen, und href wird verwendet, um eine Verbindung zwischen dem aktuellen Dokument und der referenzierten Ressource herzustellen.

src ist die Abkürzung für „source“, die auf den Speicherort externer Ressourcen verweist. Der Inhalt, auf den verwiesen wird, wird an der Position des aktuellen Tags im Dokument eingebettet. Wenn die src-Ressource angefordert wird, wird die Ressource, auf die sie verweist, heruntergeladen und auf das Dokument angewendet, z. B. JS-Skripte, img-Bilder, Rahmenelemente usw.

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

Wenn der Browser dieses Element analysiert, wird das Herunterladen und Verarbeiten anderer Ressourcen angehalten, bis die Ressource geladen, kompiliert und ausgeführt wird. Dasselbe gilt für Elemente wie Bilder und Frames, was dem Einbetten der angegebenen Ressource in das aktuelle Tag ähnelt. Aus diesem Grund sollten Sie JS-Skripte auch unten und nicht oben platzieren.

href ist die Abkürzung für Hypertext Reference, die auf den Standort einer Netzwerkressource verweist und eine Verbindung zum aktuellen Element (Anker) oder zum aktuellen Dokument (Link) herstellt. Wenn wir hinzufügen

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

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