Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Unterschiede zwischen href und src, link und @import in CSS

Detaillierte Erläuterung der Unterschiede zwischen href und src, link und @import in CSS

小云云
小云云Original
2017-12-19 09:58:242493Durchsuche

In diesem Artikel werden hauptsächlich die Unterschiede zwischen href und src, link und @import vorgestellt und die Substantivdefinitionen und Anwendungsszenarien erläutert. Ich hoffe, dass er allen helfen kann.

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. Das img-Tag ist ähnlich, wobei der Browser den Ladevorgang anhält, 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 XHTML-Tag. Zusätzlich zum Laden von CSS kann es auch andere Transaktionen wie RSS definieren; @import gehört zur CSS-Kategorie und kann nur CSS laden.

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, um den Stil zu ändern, während @import dies nicht unterstützt.

Verwandte Empfehlungen:

Ausführliche Erklärung des Unterschieds zwischen nth-child und nth-of-type in CSS3

Detaillierte Erklärung von der Unterschied zwischen addEventListener und on

Was ist der Unterschied zwischen br, p und DIV in HTML

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Unterschiede zwischen href und src, link und @import in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn