HTMLの相対パスと絶対パスの違い

HTML では、ファイルが関係する場合 (ハイパーリンク、画像など)、絶対パスと相対パスの概念が関係します。

1. 絶対パス

絶対パスとは、ハードディスク上でファイルが実際に存在するパスを指します。たとえば、画像「bg.jpg」がハードディスク上の「E:book Web ページ レイアウト コード 第 2 章」ディレクトリに保存されている場合、画像「bg.jpg」の絶対パスは「E:book Web Page」となります。レイアウト コード 第 2 章 bg .jpg」。次に、絶対パスを使用して Web ページの背景画像を指定する場合は、次のステートメントを使用する必要があります。

2. 絶対パスを使用する デメリット

実際、Web ページをプログラミングする場合、背景画像の場所を指定するために「E:book Web ページ レイアウト コード 第 2 章 bg.jpg」を使用する場合、絶対パスはほとんど使用されません。 、自分のコンピュータで閲覧すると問題が発生する可能性がありますが、閲覧のために Web サーバーにアップロードすると、画像が表示されなくなる可能性があります。 Web サーバーにアップロードする場合、Web サイト全体が Web サーバーの E ドライブに配置されるのではなく、D ドライブまたは H ドライブに配置される可能性があるためです。 WebサーバーのEディスクに置いても、WebサーバーのEディスクにディレクトリ「E:book Webページレイアウトコード 第2章」が存在しない場合があり、Web閲覧時に画像が表示されません。ページ。

3. 相対パス

この状況を回避するために、通常、Web ページでファイルを指定するときは相対パスが選択されます。いわゆる相対パスは、独自のターゲット ファイルの場所に対する相対パスです。たとえば、上記の例では、「s1.htm」ファイルは「bg.jpg」画像を参照しています。「bg.jpg」画像は「s1.htm」と同じディレクトリにあるため、「s1」にある必要があります。 .htm」ファイルでは、2 つのファイルの相対位置が変わっていない限り (つまり、同じディレクトリ内にある限り)、Web サーバーのどこにアップロードされても、ファイルは正しく表示されます。ブラウザの表示画像。

別の例として、「s1.htm」ファイルが存在するディレクトリが「E:book Web ページ レイアウト コード 第 2 章」であり、「 bg.jpg」画像 ディレクトリは「E:book Web ページ レイアウト コード 第 2 章 img」であり、「bg.jpg」画像は、「s1.htm」からの相対的なディレクトリの「img」サブディレクトリにあります。 " ファイルの場合、画像が参照されます。 ステートメントは次のようになります:

注: 相対パスでは、ディレクトリの区切り文字として「/」文字が使用されます。 、絶対パスではディレクトリ区切り文字として「」または「/」文字を使用できます。 「img」ディレクトリは「Chapter 2」ディレクトリの下のサブディレクトリであるため、「img」の前に「/」文字を追加する必要はありません。

相対パスでは、上位ディレクトリを表すために「../」がよく使用されます。上位ディレクトリが複数ある場合は、複数の「../」を使用できます。たとえば、「//m.sbmmt.com/」が上位ディレクトリを表します。 「s1.htm」ファイルが存在するディレクトリが「E:book Web ページ レイアウト コード 第 2 章」、「bg.jpg」画像が存在するディレクトリが「E:book Web ページ レイアウト コード」であるとします。の場合、「bg.jpg」画像は、「s1.htm」ファイルの場合、それが配置されているディレクトリの上位レベルのディレクトリにあり、画像を引用するステートメントは次のようになります。

< body background="../bg.jpg">

たとえば、「s1.htm」ファイルが配置されているディレクトリが「E:book Web ページ レイアウト コード 第 2 章」であるとします。 「bg.jpg」画像が配置されているディレクトリは「E:book Web ページ レイアウト コード img」、次に「bg.jpg」「「S1.HTM」ファイルと比較すると、画像は「IMG」サブディレクトリにあります。 /bg.jpg">

4. 相対仮想ディレクトリ

相対パスの特別な表現もあります: 「相対仮想ディレクトリ」。次の例を見てください: & & lt; body background = "/img/bg.jpg" & gt;

、Background 属性の値は "/IMG/bg.jpg" です。 「IMG 「.」の前に「/」文字があることに注意してください。この「/」は仮想ディレクトリのルートディレクトリを表しており、仮想ディレクトリとして「E:book Web ページレイアウトコード」が設定されているとすると、「/img/bg.jpg」の実際のパスは「E:book web」となります。ページ レイアウト コード img bg" .jpg"; 「E:book Web ページ レイアウト コード 第 2 章」が仮想ディレクトリとして設定されている場合、「/img/bg.jpg」の実際のパスは「E:book Web ページ レイアウト」になります。コード 第 2 章 imgbg.jpg"

HTML における相対パスと絶対パスの違いの詳細については、PHP 中国語 Web サイトの関連記事に注目してください。