Heim > Web-Frontend > Front-End-Fragen und Antworten > Gängige Methoden zum Festlegen von HTML-Dateipfaden

Gängige Methoden zum Festlegen von HTML-Dateipfaden

PHPz
Freigeben: 2023-04-21 14:24:47
Original
2178 Leute haben es durchsucht

Pfade können in HTML verwendet werden, um auf andere Seiten zu verlinken, Bilder einzufügen, Stylesheets einzubetten usw. Die Pfadeinstellungen unterscheiden sich zwischen verschiedenen Dateien. Im Folgenden finden Sie eine gängige Methode zum Festlegen des Pfads von HTML-Dateien.

  1. Relativer Pfad

Ein relativer Pfad ist ein Pfad relativ zum Verzeichnis, in dem sich die aktuelle Datei befindet. Relative Pfade können den Code vereinfachen und die Dateiverwaltung erleichtern. Im Folgenden finden Sie einige gängige Methoden zum Festlegen relativer Pfade.

1.1. Link zu anderen Seiten

Um zu anderen HTML-Dateien im selben Verzeichnis zu verlinken, können Sie den Dateinamen direkt eingeben.

<a href="page2.html">Page 2</a>
Nach dem Login kopieren

Um eine Verknüpfung zu einer HTML-Datei im übergeordneten Verzeichnis (obere Ebene) herzustellen, können Sie vor dem Dateinamen zwei Punkte „..“ hinzufügen.

<a href="../page1.html">Page 1</a>
Nach dem Login kopieren

Hinweis: „..“ steht für das Verzeichnis der oberen Ebene. Zur Darstellung von Verzeichnissen auf mehreren Ebenen können beispielsweise „../../“ verwendet werden.

1.2. Bilder einfügen

Um Bilder in dasselbe Verzeichnis einzufügen, können Sie den Bildnamen direkt eingeben.

<img src="image.jpg" alt="My Image">
Nach dem Login kopieren

Um ein Bild in das übergeordnete Verzeichnis einzufügen, können Sie vor dem Bildnamen zwei Punkte „..“ hinzufügen.

<img src="../image.jpg" alt="My Image">
Nach dem Login kopieren

1.3. Stylesheet einbetten

Um ein Stylesheet im selben Verzeichnis einzubetten, schreiben Sie einfach den Namen der Stylesheet-Datei direkt in die HTML-Datei.

<link rel="stylesheet" href="style.css">
Nach dem Login kopieren

Um ein Stylesheet in das übergeordnete Verzeichnis einzubetten, können Sie vor dem Namen der Stylesheet-Datei zwei Punkte „..“ hinzufügen.

<link rel="stylesheet" href="../style.css">
Nach dem Login kopieren
  1. Absoluter Pfad

Der absolute Pfad ist der vollständige Pfad beginnend mit dem Domänennamen und kann in jeder Datei verwendet werden. Im Folgenden finden Sie einige gängige Methoden zum Festlegen absoluter Pfade.

2.1. Link zu anderen Seiten

Um auf andere HTML-Dateien unter demselben Domainnamen zu verlinken, können Sie direkt die vollständige URL des Links eingeben.

<a href="http://www.example.com/page2.html">Page 2</a>
Nach dem Login kopieren

2.2. Bilder einfügen

Um Bilder unter demselben Domainnamen einzufügen, können Sie direkt die vollständige URL des Bildes eingeben.

<img src="http://www.example.com/image.jpg" alt="My Image">
Nach dem Login kopieren

2.3. Stylesheet einbetten

Um ein Stylesheet unter demselben Domainnamen einzubetten, schreiben Sie die vollständige URL der Stylesheet-Datei direkt in die HTML-Datei.

<link rel="stylesheet" href="http://www.example.com/style.css">
Nach dem Login kopieren

Hinweis: Durch die Verwendung absoluter Pfade wird der Code ausführlicher und die Ladezeit der Webseite verlängert. Es wird daher nicht empfohlen, ihn zu häufig zu verwenden.

Zusammenfassung

Die oben genannten sind die gängigen Methoden zum Festlegen von HTML-Pfaden. Relative Pfade bestimmen den Pfad zum Verknüpfen, Einfügen von Bildern und Einbetten von Stylesheets basierend auf dem Speicherort der aktuellen Datei, während absolute Pfade den vollständigen Pfad beginnend mit dem Domänennamen angeben. Die Auswahl der geeigneten Pfadmethode basierend auf bestimmten Dateispeicherorten und -anforderungen kann den Code vereinfachen, die Dateiverwaltung erleichtern und die Ladegeschwindigkeit von Webseiten verbessern.

Das obige ist der detaillierte Inhalt vonGängige Methoden zum Festlegen von HTML-Dateipfaden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage