現在のファイルの場所を参照点として使用して、ターゲット ファイルのパスを確立します。
絶対パスの概念ファイル全体の完全パス (X:/www/web/index.html、http://waldo.com.cn/index.html など)。これらは両方とも絶対パスです。
相対パスのさまざまな使用方法の詳細な説明現在、test.html という名前のページにリンクしたいページがあるとします。以下に、複数の相対パスの式を示します。
| 相対パスの例 | パスの意味 |
|---|---|
| href=テスト.html | このページが現在のページが存在するディレクトリにあることを示します |
| href=./test.html | このページが現在のページが配置されているディレクトリにあることを示します。単一のドットは、上記の直接のファイル名と同じ意味を持ちます。 |
| href=/test.html | このページが Web サイトのルート ディレクトリにあることを示します |
| href=../test.html | このページが現在のページの上のディレクトリにあることを示します |
| href=../../test.html | このページが現在のページの 1 レベル上のディレクトリ (つまり、2 つ上のディレクトリ) の下にあることを示します。親ディレクトリが増えるたびに、../ を追加します。 |
| href=../test.html | このページが現在のページの上のディレクトリの web サブディレクトリにあることを示します。 |
単一のスラッシュ / はルート ディレクトリを表します。 / を使用すると、任意のレベルのルート ディレクトリに直接アクセスできます。
Web ページ内の多くの場所が、Web サイトのルート ディレクトリにある Web フォルダ内の about.html ページにリンクされていると仮定すると、HTML コードは次のように記述する必要があります<a href='/about.html'>link to </a>。
相対パスは、現在のページの親ディレクトリ内のファイルにアクセスします。 ../ は、現在のページのパスが Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm であると仮定した場合、現在のファイルの上位ディレクトリを表します。このページは、ファイル X:www/web/StaticPageFiles/SiteMapFiles/Tag3/tag_3_1.htm にリンクする必要があります。現在のページのリンク アドレスは<a href='../Tag3/tag_3_1.htm'>.NET标签</a>である必要があります。
PS: 現在のディレクトリは Tag11 で、ページにリンクするターゲット ファイルが配置されているディレクトリは Tag3 であるため、現在のディレクトリと同じ親ディレクトリ SiteMapFiles に属しているため、リンクするには ../ を使用する必要があります。最初に親ディレクトリにリンクし、次に親ディレクトリとファイルにリンクします。
相対パスは、現在のページの複数レベルの親ディレクトリ内のファイルにアクセスします。../はカレントファイルの上位ディレクトリを表しますので、../../をカレントファイルの上位ディレクトリとして、取得する親階層の数に応じて../を重ねていきます。
相対パスは、現在のページ ファイルが属する下位ディレクトリ内のファイルにアクセスします。現在のディレクトリ名/下位ディレクトリ名/ターゲットファイル名を使用してください。現在のファイルが存在するディレクトリがshiyousan.com/StaticPageFiles/SiteMapFiles/であるとします。現在のディレクトリの Tag3 の下にあるファイルにリンクするには、リンク アドレスを次のように記述できます: <a href='SiteMapFiles/Tag3/tag_3_1.htm'>链接</a> 、または ./ を使用することもできます。./ は次のように記述されます: <a href='./SiteMapFiles/Tag3/tag_3_1.htm'>链接</a>。
.----------単一のドットまたは直接のディレクトリ名は、現在のディレクトリを示します。
.. --------二重ドットは、現在のファイルの上位ディレクトリを表します。
/----------単一のスラッシュは、現在の Web サイトのルート ディレクトリを示します
上記は、エディターによって紹介された、HTML が相対パスを使用してすべてのレベルのディレクトリ内のファイルを取得する方法の詳細な説明です。ご質問があれば、メッセージを残してください。エディターが返信します。間に合うようにあなたに。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！