Wie greife ich in HTML auf Dateien aus einem höheren Verzeichnis zu?

Zugriff auf Dateien aus einem höheren Verzeichnis in HTML

Beim Organisieren von Website-Assets ist es üblich, Dateien wie Stylesheets und Bilder in verschiedene Verzeichnisse zu trennen für eine einfachere Verwaltung. Wenn Sie jedoch im HTML auf diese Dateien verweisen müssen, können Probleme auftreten, wenn die Pfade nicht korrekt angegeben sind.

Problem:

Stellen Sie sich ein Szenario vor, in dem Stylesheets werden in „{root}/styles“ und Bilder in „{root}/images“ gespeichert. Wie können Sie Bilder innerhalb der Stylesheets referenzieren und so sicherstellen, dass der richtige Pfad verwendet wird?

Lösung:

Um dieses Problem zu beheben, verwenden Sie den übergeordneten Verzeichnisindikator „. .“ im Pfad:

background-image: url('../images/bg.png');

Diese Änderung weist den Browser an, in der Verzeichnisstruktur eine Ebene nach oben zu wechseln und dann das Verzeichnis „images“ zu suchen. Durch die Verwendung von „..“ (zwei Punkte) greifen Sie auf das übergeordnete Verzeichnis des aktuellen Verzeichnisses („Stile“) zu. Dadurch können Sie auf Dateien in einem übergeordneten Verzeichnis verweisen, auch wenn sich die eigentliche HTML-Datei in einem anderen Unterverzeichnis befindet.

Das obige ist der detaillierte Inhalt vonWie greife ich in HTML auf Dateien aus einem höheren Verzeichnis zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!