Wie referenziere ich Ressourcen in HTML, wenn sie sich in verschiedenen Verzeichnissen befinden?

Durchlaufen des URL-Pfads zur Ressourcenreferenzierung in HTML

Beim Erstellen einer Website ist es üblich, Ressourcen wie Bilder und Stylesheets in separaten Verzeichnissen zu speichern. Um auf diese Ressourcen in HTML zu verweisen, müssen Sie ihren Pfad im Quellcode angeben.

Wenn Sie beispielsweise Stylesheets in /styles und Bilder in /images speichern, fragen Sie sich möglicherweise, wie Sie diese bereitstellen der richtige Pfad in Stylesheets, um Bilder im Bilderverzeichnis zu finden.

Der Schlüssel hier ist die Verwendung der ..-Notation, um das übergeordnete Verzeichnis anzugeben. Durch das Hinzufügen von .. vor dem Pfad zum Bild weisen Sie den Browser an, eine Ebene in der Verzeichnisstruktur nachzuschlagen.

Zum Beispiel anstelle von:

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

Sie würde verwenden:

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

Dieser angepasste Pfad weist den Browser an, vom Stylesheet-Speicherort (/styles) ein Verzeichnis nach oben zu verschieben und dann zu den Bildern zu navigieren Verzeichnis.

Das obige ist der detaillierte Inhalt vonWie referenziere ich Ressourcen in HTML, wenn sie sich in verschiedenen Verzeichnissen befinden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!