リソースが異なるディレクトリにある場合に HTML でリソースを参照するにはどうすればよいですか?

HTML でのリソース参照のための URL パスのトラバース

Web サイトを構築する場合、画像やスタイルシートなどのリソースを別のディレクトリに保存するのが一般的です。これらのリソースを HTML で参照するには、ソース コード内でそのパスを指定する必要があります。

たとえば、スタイルシートを /styles に保存し、画像を /images に保存する場合、どのように提供すればよいか疑問に思うかもしれません。画像ディレクトリ内の画像を見つけるためのスタイルシート内の正しいパス。

ここで重要なのは、親ディレクトリを示すために .. 表記を使用することです。画像へのパスの前に .. を追加すると、ディレクトリ構造内で 1 レベルを検索するようにブラウザに指示します。

たとえば、次のように使用する代わりに、

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

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

この調整されたパスは、スタイルシートの場所 (/styles) から 1 つ上のディレクトリに移動してから、画像ディレクトリ。

以上がリソースが異なるディレクトリにある場合に HTML でリソースを参照するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。