Was sind src-Attribute und href-Attribute? Was ist der Unterschied zwischen ihnen?-HTML-Tutorial-php.cn

Was sind src-Attribute und href-Attribute? Was ist der Unterschied zwischen ihnen?

王林

Freigeben： 2023-12-28 15:18:49

Original

1189 Leute haben es durchsucht

Was sind src-Attribute und href-Attribute? Was ist der Unterschied zwischen ihnen?

In HTML sind das src-Attribut und das href-Attribut zwei häufig verwendete Attribute zum Verweisen auf externe Ressourcen. Obwohl sie in ihrer Funktionalität einigermaßen ähnlich sind, gibt es einige Unterschiede in der Verwendung und den Arten der referenzierten Ressourcen.

Werfen wir zunächst einen Blick auf das src-Attribut. src ist die Abkürzung für „Source“, die hauptsächlich zur Angabe der Adresse zum Einbetten/Referenzieren externer Ressourcen verwendet wird. Es kann auf Tags wie <script>, <img alt="Was sind src-Attribute und href-Attribute? Was ist der Unterschied zwischen ihnen?" >, <iframe> usw. angewendet werden. Über das src-Attribut können externe Skriptdateien, Bilddateien oder eingebettete Webseiten in die aktuelle HTML-Seite geladen werden. </script>

Der folgende Code zeigt beispielsweise, wie das src-Attribut verwendet wird, um auf eine externe JavaScript-Datei zu verweisen:

<!DOCTYPE html>
<html>
<head>
    <script src="script.js"></script>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

Nach dem Login kopieren

In diesem Beispiel gibt das src-Attribut des script-Tags die Adresse der externen JavaScript-Datei als „script.js“ an. , sodass beim Parsen dieser Seite durch den Browser diese externe Skriptdatei vom angegebenen Pfad geladen und ausgeführt wird.

Der nächste Schritt ist das href-Attribut. href ist die Abkürzung für Hypertext-Referenz, die hauptsächlich zur Angabe der Zielressourcenadresse des Hyperlink-Elements verwendet wird. Es wird hauptsächlich in Tags wie , verwendet. Über das href-Attribut können Sie Hyperlinks zu anderen Seiten, Stildateien oder Bilddateien in der aktuellen HTML-Seite erstellen.

Das Folgende ist ein Beispiel für die Verwendung des href-Attributs zum Erstellen eines Hyperlinks:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <a href="https://www.example.com">点击这里访问示例网站</a>
</body>
</html>

Nach dem Login kopieren

In diesem Beispiel gibt das href-Attribut des -Tags die Adresse des Ziellinks als „https://www.example.com“ an. . Wenn der Benutzer auf diesen Link klickt, lädt der Browser die Zielseite und zeigt sie unter der angegebenen Adresse an.

Im Allgemeinen wird das src-Attribut hauptsächlich verwendet, um eingebettete oder externe Dateien zu referenzieren und deren Inhalte auf der aktuellen Seite anzuzeigen, während das href-Attribut hauptsächlich zum Erstellen von Hyperlinks, zum Springen zu anderen Seiten oder zum Laden externer Ressourcen verwendet wird.

Darüber hinaus wird das src-Attribut normalerweise zum Einbetten von Ressourcen verwendet, daher muss der Pfad zur Datei angegeben werden und wird erst angezeigt oder ausgeführt, wenn die Ressource geladen wird, während das href-Attribut zum Erstellen von Links verwendet wird. und die Zielressource ist normalerweise eine unabhängige Auslagerungsdatei, daher muss die vollständige URL-Adresse angegeben werden.

Zusammenfassend gibt es einige Unterschiede zwischen dem src-Attribut und dem href-Attribut in der Art und Weise und Verwendung von Referenzierungsressourcen. Wenn Sie sie richtig verstehen und verwenden, können Sie die Interaktion und Referenzierung von HTML-Seiten und externen Ressourcen besser verstehen.

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