Erläuterung zur Verwendung von HTML als Tag-href-Attribut zur Angabe des relativen Pfads und des absoluten Pfads

href ist eines der am häufigsten verwendeten wichtigen Attribute zum Verknüpfen von Front-End-Dateien. Hier werfen wir einen Blick auf die Verwendung des HTML-Tags href, um relative Pfade und absolute Pfade anzugeben, auf die Freunde verweisen können bis

In der tatsächlichen Webentwicklung sind für das Einfügen von Bildern, einschließlich CSS-Dateien usw., alle Pfade erforderlich. Wenn der Dateipfad falsch hinzugefügt wird, ist die Referenz ungültig (die verknüpfte Datei kann nicht durchsucht werden, oder das eingefügte Bild). kann nicht angezeigt werden usw.). Viele Anfänger sind verwirrt. Im Folgenden werde ich relative Pfade und absolute Pfade im Detail vorstellen.

HTML relativer Pfad
bezieht sich auf die Pfadbeziehung zu anderen Dateien (oder Ordnern), die durch den Pfad verursacht wird, in dem sich diese Datei befindet.
Zum Beispiel:
Der absolute Pfad der Datei 1.htm ist: d:/www/html/1.htm
Der absolute Pfad der Datei 2.htm ist: d:/www/html/2 .htm
Dann: Der Pfad von 1.htm relativ zu 2.htm ist: 1.htm

So verwenden Sie relative Links:
Wenn der Link auf den verweist Geben Sie im selben Verzeichnis nur den Namen des zu verlinkenden Dokuments ein, zum Beispiel:

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

<a href =”1 htm”>网页链接 </a>
<img src=”bg.jpg” />

Beim Verknüpfen mit dem Verzeichnis der nächsten Ebene müssen Sie zuerst den Verzeichnisnamen eingeben, dann „/“ hinzufügen und dann den Dateinamen eingeben, zum Beispiel:

XML/HTML-Code Kopieren Sie den Inhalt in die Zwischenablage

<a href =”html/ next.htm”>
<img src=”images/bg.jpg” />

Wenn Sie eine Verbindung zum übergeordneten Verzeichnis herstellen, müssen Sie zuerst „../“ eingeben und dann den Verzeichnisnamen und eingeben Dateiname, zum Beispiel:

XML/HTML-Code Inhalt in die Zwischenablage kopieren

<a href = “．．/ www/index.htm”>

Beispielzusammenfassung
Es gibt jetzt 4 HTML-Dateien, aaa.html bbb.html ccc. Der Pfad von .html index.html
aaa.html ist: D:/www/adminwang/html/aaa.html
Der Pfad von bbb.html ist: D:/www/adminwang/ bbb.html
Der Pfad von ccc.html ist: D:/www/ ccc.html
Der Pfad von index.html ist D: /www/ index.html

1. Dateien im selben Verzeichnis verknüpfen
Der Code für die ccc.html-Dateiverknüpfung index.html lautet beispielsweise wie folgt:

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

<a href="index.html">链接index网页</a>

2. Link zur Datei im vorherigen Verzeichnis
Der Code für die Verknüpfung von bbb.html mit ccc.html lautet beispielsweise wie folgt:

XML/HTML-Code Kopieren Sie den Inhalt in die Zwischenablage

<a href="../ccc.html">链接ccc网页</a>

3. Verknüpfen Sie die Dateien im oberen 2-Ebenen-Verzeichnis
Der Code für aaa.html zum Verknüpfen von ccc.html lautet beispielsweise wie folgt:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<a href=”../../ccc.html”>链接ccc网页</a>

Dateien in untergeordneten Verzeichnissen verknüpfen
Zum Beispiel: ccc.html-Link Der Code von bbb.html lautet wie folgt:

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

<a href="adminwang/bbb.html">链接bbb网页</a>

5. Link zu den Verzeichnisdateien der nächsten 2 Ebenen
Der Code für den ccc.html-Link aaa.html lautet beispielsweise wie folgt:

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

<a href="adminwang/html/aaa.html">链接aaa网页</a>

Absoluter HTML-Pfad
Der vollständige Pfad zur Datei, einschließlich des entsprechenden Protokolls oder Laufwerksbuchstabens. Das heißt, der tatsächliche vollständige Pfad der Datei oder des Verzeichnisses auf Ihrer Homepage auf der Festplatte. Zum Beispiel:
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
Über den absoluten Weg gibt es nichts zu sagen der relative Pfad, der absolute Pfad Es ist sehr einfach.

Verwandte Empfehlungen:

So verhindern Sie Hyperlink-Sprünge bei der Verwendung eines Links

der Verwendung von Tags

Das obige ist der detaillierte Inhalt vonErläuterung zur Verwendung von HTML als Tag-href-Attribut zur Angabe des relativen Pfads und des absoluten Pfads. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!