Was sind die Unterschiede zwischen src und href in HTML? Was ist der Unterschied in der Nutzung?

In diesem Artikel werden hauptsächlich der Unterschied zwischen src und href in HTML und deren Verwendung vorgestellt.

In unserem Front-End-Entwicklungsprozess muss jeder mit src und href vertraut sein, wenn sie einzeln verwendet werden. Wenn Sie sie jedoch miteinander vergleichen, können Sie sie möglicherweise für eine Weile nicht klar erklären.

Und die Frage nach dem Unterschied zwischen src und href taucht sehr häufig in Frontend-Interviewfragen auf.

Nachfolgend stellen wir Ihnen den Unterschied zwischen src und href ausführlich vor und fassen ihn zusammen.

1. href ist die Abkürzung für Referenz, was bedeutet, dass Hypertext-Referenz

href sich auf den Standort der Netzwerkressource bezieht, die mit dem aktuellen Element (Anker) oder erstellt wird aktuelles Dokument ( Link), wird für Hyperlinks verwendet.

wird verwendet als:

<a href="www.php.cn">www.php.cn</a>

oder

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

usw.

2. src ist die Abkürzung für Quelle, die bedeutet Ressourceneinführung

src zeigt auf den Speicherort der externen Ressource, und der verwiesene Inhalt wird am Speicherort des aktuellen Tags in das Dokument eingebettet.

wird heruntergeladen und angewendet die Ressource, auf die beim Anfordern der SRC-Ressource im Dokument verwiesen wird, z. B. JS-Skripte, IMG-Bilder, Frames und andere Elemente. .

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, was ähnlich ist Einbetten der verwiesenen Ressource in das aktuelle Etikett. Aus diesem Grund wird das js-Skript auch unten und nicht im Kopf platziert.

Verwendung wie:

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

oder

<img src="xx.jpg" />

usw.

Hinweis : src und href können nicht durch beide ersetzt werden andere. Wir verwenden src für ersetzbare Elemente, während href verwendet wird, um eine Beziehung zwischen dem betreffenden Dokument und der externen Ressource herzustellen.

In diesem Artikel geht es um den Unterschied zwischen src und href. Ich hoffe, er wird Freunden in Not helfen!

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen src und href in HTML? Was ist der Unterschied in der Nutzung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!