Eine kurze Diskussion darüber, was scr und href in HTML sind? Was ist der Unterschied zwischen scr und href?

Was sind scr und href in HTML? Was ist der Unterschied zwischen scr und href? In diesem Artikel wird Ihnen der Unterschied zwischen scr und href in HTML vorgestellt, damit jeder verstehen kann, was src und href sind, damit jeder scr und href gut unterscheiden kann. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Beim Schreiben von Code verwechseln wir oft die beiden Attribute scr und href und können sie nicht unterscheiden. Schauen wir uns dann die beiden Attribute scr und href an und werfen wir dann einen Blick auf den HTML-Code Was ist der Unterschied zwischen src und href?

Was ist src in HTML?

src ist die Abkürzung für „source“, die einen Verweis auf eine externe Datei darstellt und den Speicherort darstellt, der auf eine externe Ressource verweist. Der verwiesene Inhalt wird auf den Speicherort des aktuellen Tags im Dokument angewendet (Einfach ausgedrückt: Der Zweck besteht darin, die referenzierte Datei an den angegebenen Speicherort der HTML-Seite zu laden.)

Das src-Attribut ist ein unverzichtbarer Bestandteil des Seiteninhalts und wird häufig in Elementen wie JS-Skripten, IMG-Bildern und Frames verwendet. Zum Beispiel:

<script src="script.js"></script> 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

<img src="2.png" />
<img src="https://apps.bdimg.com/img/2.png" />

Was ist href in HTML?

href ist die Abkürzung für Hypertext Reference, die eine Hypertext-Referenz darstellt. Sie stellt den Speicherort einer Netzwerkressource dar und stellt einen Link zum aktuellen Element (Anker) oder zum aktuellen Dokument her, mit dem sie verknüpft ist Die Seite ist eine direkte Beziehung.

Häufig verwendete sind: Link, a. Zum Beispiel:

<link href="reset.css" rel=”stylesheet“/>

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

Was ist der Unterschied zwischen src und href in HTML?

1. Unterschiede in den Anforderungsressourcentypen

(1) Beim Anfordern von SRC-Ressourcen werden die Ressourcen, auf die verwiesen wird, heruntergeladen und auf das Dokument angewendet, z. B. JS-Skripte , img picture, frame;

(2) href gibt den Speicherort der Netzwerkressource an, die zum Herstellen einer Verbindung mit dem aktuellen Element oder aktuellen Dokument verwendet wird.

2. Der Unterschied zwischen den Ergebnissen

(1) src-Attribut: wird verwendet, um den aktuellen Inhalt zu ersetzen

(2) href-Attribut: wird im aktuellen Dokument verwendet und Stellen Sie Verbindungen zwischen referenzierten Ressourcen her.

3. Unterschiede in den Browser-Analysemethoden

(1) Wenn der Browser auf 81789c776ea1b5e7302dff4ebda744df /script>Wenn Sie diesen Satz lesen, wird das Herunterladen und Verarbeiten anderer Ressourcen angehalten, bis die Ressource geladen, kompiliert und ausgeführt wird. Das Gleiche gilt für Bilder und Frames, was dem Anwenden der angegebenen Ressource ähnelt zum aktuellen Inhalt. Aus diesem Grund wird empfohlen, JS-Skripte unten statt im Kopf zu platzieren.

Anhang: Wenn Sie js in den Kopf einfügen, müssen Sie src verwenden, um externe js-Dateien einzuführen. Wenn Sie das Attribut defer="defer" verwenden, wird vor der Ausführung gewartet, bis das HTML-Dokument geladen ist js-Code, aber das Defer-Attribut kann nur im IE-Browser verwendet werden.

(2) Wenn Sie den Satz 1ec985cacd9314b8d0cdd8004d0f1e84 zum Dokument hinzufügen, erkennt der Browser das Dokument als CSS werden die Ressourcen parallel heruntergeladen, ohne dass die Verarbeitung des aktuellen Dokuments angehalten wird. Aus diesem Grund wird empfohlen, zum Laden von CSS die Link-Methode anstelle der @import-Methode zu verwenden.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter HTML-Video-Tutorial , CSS-Basis-Video-Tutorial , Bootstrap-Tutorial !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion darüber, was scr und href in HTML sind? Was ist der Unterschied zwischen scr und href?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!