Erläuterung zur Verwendung von HTML als Tag-href-Attribut zur Angabe des relativen und 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 zum.htm ist Im selben Verzeichnis müssen Sie nur den Namen des zu verlinkenden Dokuments eingeben, zum Beispiel:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

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

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

XML/HTML-CodeKopieren 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 „../“ und dann den Verzeichnisnamen eingeben und Dateiname, zum Beispiel:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

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

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

1. Dateien im selben Verzeichnis verknüpfen
Der ccc.html-Dateilink index.html-Code lautet beispielsweise wie folgt :

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

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

2. Dateien im vorherigen Verzeichnis verknüpfen
Der Code zum Verknüpfen von bbb.html mit ccc.html lautet beispielsweise wie folgt:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

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

3. Dateien im oberen 2-Ebenen-Verzeichnis verknüpfen
Zum Beispiel der Code zum Verknüpfen von aaa.html zu ccc.html lautet wie folgt:

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

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

4. Dateien in Verzeichnissen auf niedrigerer Ebene verknüpfen
Der Code für ccc.html zum Verknüpfen mit bbb.html lautet beispielsweise wie folgt:

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

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

5. Verknüpfen Sie die Dateien im 2-Ebenen-Verzeichnis
Zum Beispiel der Code für ccc.html zum Verlinken aaa.html lautet wie folgt:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

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

Absoluter HTML-Pfad
Vollständiger Dateipfad, einschließlich anwendbarem Protokoll oder Laufwerksbuchstaben. 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 Pfad gibt es nichts zu sagen, Aber der relative Pfad ist beherrscht, der absolute Pfad ist sehr einfach.

Weitere Erklärungen zur Verwendung des href-Attributs des HTML-a-Tags zur Angabe relativer und absoluter Pfade finden Sie auf der chinesischen PHP-Website für verwandte Artikel!