Was ist der Unterschied zwischen href und src, link und @import?

Dieses Mal werde ich Ihnen den Unterschied zwischen href und src, link und @import vorstellen und welche Vorsichtsmaßnahmen bei der Verwendung von href und src, link und @import gelten. Das Folgende ist ein praktischer Fall , lasst uns einmal einen Blick darauf werfen.

Der Unterschied zwischen href und src:

href (Hypertext-Referenz): Hypertext-Referenz, häufig verwendete Tags sind Link, a usw. werden verwendet, um referenzierte externe Ressourcen zu verlinken. Definieren Sie einen Link oder eine Beziehung zwischen dem aktuellen Element oder dem aktuellen Dokument und dem erforderlichen Anker oder der durch das aktuelle Attribut definierten Ressource, z. B.:
<link href="style.css" rel="stylesheet" />

src(source): Ressourcen einführen, eingeführt Der Inhalt von src ist ein wesentlicher Bestandteil der Seite. Der importierte Inhalt bettet die aktuelle Ressource an der durch das aktuelle Dokumentelement definierten Position ein. Zu den häufig verwendeten gehören: img, script, iframe usw. Beispiel:
<script src="script.js"></script>

Das Laden und Verarbeiten der Seite wird angehalten, bevor der Browser diese Datei herunterlädt, kompiliert und ausführt (wenn der Browser dieses Element analysiert, wird das Rendern des Browsers angehalten ), weshalb empfohlen wird, die js-Datei unten zu laden. imgTab Ebenso pausiert der Browser den Ladevorgang, bis das Bild abgerufen und geladen wird.

Der Unterschied zwischen Link und @import:

Beide sind Möglichkeiten, CSS extern zu referenzieren, aber die Unterschiede sind vorhanden wie folgt:

Unterschied 1: Link ist ein CSS.

Unterschied 2

: Wenn der Link auf CSS verweist, wird es gleichzeitig geladen, wenn die Seite geladen wird; @import erfordert, dass die Seite vor dem Laden vollständig geladen wird.

Unterschied 3

: Link ist ein XHTML-Tag und weist keine Kompatibilitätsprobleme auf; @import wurde in CSS2.1 vorgeschlagen und wird von Browsern niedrigerer Versionen nicht unterstützt.

Unterschied 4

: Link unterstützt die Verwendung von JavaScript zur Steuerung des DOM zum Ändern des Stils, während @import dies nicht unterstützt. Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So verwenden Sie die Attributwertvererbung in CSS

Double Flying Wing Layout und Holy Grail Layout Detaillierte grafische Erklärung

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen href und src, link und @import?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!