HTML で上位ディレクトリのファイルにアクセスするにはどうすればよいですか?

HTML の上位ディレクトリからファイルにアクセスする

Web サイトのアセットを整理する場合、スタイル シートや画像などのファイルを別のディレクトリに分離するのが一般的です。管理を容易にするために。ただし、HTML 内からこれらのファイルを参照する必要がある場合、パスが正しく指定されていないと問題が発生する可能性があります。

問題:

次のようなシナリオを考えてみましょう。スタイルシートは「{root}/styles」に保存され、画像は「{root}/images」に保存されます。正しいパスが使用されていることを確認しながら、スタイル シート内から画像を参照するにはどうすればよいですか?

解決策:

この問題を解決するには、親ディレクトリ インジケーター「. ." パス内:

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

この変更により、ブラウザーはディレクトリ構造内で 1 レベル上に移動してから、「画像」を見つけるように指示されます。ディレクトリ。 「..」(2 つのピリオド) を使用すると、現在のディレクトリ (「styles」) の親ディレクトリにアクセスします。これにより、実際の HTML ファイルが別のサブディレクトリにある場合でも、上位レベルのディレクトリにあるファイルを参照できるようになります。

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