Das href-Attribut des HTMLa-Tags gibt an, wie relative und absolute Pfade verwendet werden

Dieses Mal bringe ich Ihnen das hrefAttributdes HTMLa-Tags, um die Verwendung von relativen Pfaden und absoluten Pfaden anzugeben, sowie die Hinweise zur Verwendung des href-Attributs des HTMLa-Tags um relative Pfade und absolute Pfade anzugebenWas sind das? Hier sind praktische Fälle.

Bei 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, führt dies dazu, dass der Verweis auf ungültig werden (verknüpfte Dateien können nicht durchsucht werden, eingefügte Bilder können 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:

文件1.htm的绝对路径是：d:/www/html/1.htm
文件2.htm的绝对路径是：d:/www/html/2.htm
那么：1.htm相对于2.htm的路径就是：1.htm

So verwenden Sie relative Links:
Wenn Sie auf dasselbe Verzeichnis verlinken, müssen Sie nur den Namen des zu verlinkenden Dokuments eingeben, z Beispiel:

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

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

<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 und den Dateinamen eingeben, zum Beispiel:

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

Beispiel Zusammenfassung

现在有4个html文件分别是aaa.html bbb.html ccc.html index.html
aaa.html的路径为：D:/www/adminwang/html/aaa.html
bbb.html的路径为：D:/www/adminwang/ bbb.html
ccc.html的路径为：D:/www/ ccc.html
index.html的路径为D:/www/ index.html

1. Link zur gleichen Verzeichnisdatei
zum Beispiel ccc.html-Dateilink index.html-Code lautet wie folgt:

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

2. Verknüpfen Sie die Datei im vorherigen Verzeichnis
, zum Beispiel bbb.HTML-Link ccc:

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

3. Link zu Dateien in den oberen 2 Verzeichnis auf Ebene
Der Code für die Verknüpfung von aaa.html mit ccc.html lautet beispielsweise wie folgt:

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

4. Dateien in Verzeichnissen auf niedrigerer Ebene verknüpfen
, zum Beispiel ccc .html verlinkt auf bbb.html, der Code lautet wie folgt:

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

5. Verknüpfen Sie Dateien in 2-Ebenen-Verzeichnissen
, zum Beispiel ccc.html verlinkt auf aaa.html-Code Wie folgt :

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

Absoluter HTML-Pfad
ist der vollständige Pfad für die Datei, einschließlich des anwendbaren 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 Pfad gibt es nichts zu sagen. Sobald Sie den relativen Pfad beherrschen, ist der absolute Pfad sehr einfach.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Detaillierte Beispiele für die HTML-Textformatierung

Zusammenfassung häufig verwendeter Tags in HTML

Grundlagen der HTML-Bearbeitung (ein Muss für Anfänger)

Das obige ist der detaillierte Inhalt vonDas href-Attribut des HTMLa-Tags gibt an, wie relative und absolute Pfade verwendet werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!