HTMLの相対パス(Relative Path)と絶対パス(Absolute Path)を深く理解する_HTML/Xhtml_Webページ制作

私は 1 年以上 Java Web 開発に携わっています。HTML または JSP ページを作成するのは避けられません。Web アプリケーションの威力は、そのハイパーリンク (Hyper Link) にあります。たとえば、ページ a では、リンク アドレスを保存します。ページ b (つまり URI) に進みますが、問題はまさにここにあり、ファイルを正しく参照する方法です。たとえば、HTML Web ページ内のハイパーリンクとして別の HTML Web ページを参照するにはどうすればよいでしょうか? Web ページに画像を挿入するにはどうすればよいですか? ......
また、相対パスも Struts でよく使われるため、注意しないと混乱しやすくなります。

ファイルを参照する際（ハイパーリンクの追加や画像の挿入など）、ファイルパスを間違えると参照が無効になります（リンク先のファイルが閲覧できなくなったり、挿入した画像が表示されなくなったりする）表示できない等）。

これらの間違いを避けるために、文書を正しく引用し、後で確認できるように相違点や用法を書き留めてください。

HTML には相対パスと絶対パスの 2 つのパスの書き方があります

HTML 相対パス (相対パス)
同じディレクトリ内のファイル参照
ソースファイルと参照ファイルが同じディレクトリにある場合は、参照ファイルの名前を直接記述します。

ここで、ソース ファイル info.HTML を作成し、index.HTML ファイルを info.HTML 内のハイパーリンクとして参照します。

info.HTML パスが d:tomcatwebappshelloblablainfo.HTML であると仮定します。
index.HTML パスが d:tomcatwebappshelloblablaindex.HTML であると仮定します。
index.HTML ハイパーリンクを info に追加するコード。 HTML は次のようになります:

コードをコピー

コードは次のとおりです:

index.HTML

上位ディレクトリの表現方法
../ を表します。ソース ファイルが配置されているディレクトリの上位ディレクトリ、.. /../ はソース ファイルが配置されているディレクトリの上位ディレクトリ、などを表します。

info.HTML パスは d:tomcatwebappshelloblablainfo.HTML であるとします。
index.HTML パスは d:tomcatwebappshelloindex.HTML であるとします。
index.HTML ハイパーリンクを info に追加するコード。 HTML は次のようになります:

コードをコピー

コードは次のとおりです:

index.HTML

info.HTML パスは次のようになります。 d:tomcatwebappshelloblablawwstoryinfo.HTML
index.HTML パスは: d:tomcatwebappshelloindex.HTML
info.HTML にindex.HTML ハイパーリンクを追加するコードは次のように記述する必要があります:

コードをコピーします

コードは次のようになります:

index.HTML 🎜>

info.HTML パスを想定します。これは次のとおりです。 d:tomcatwebappshelloblablainfo.HTML
index.HTML パスを想定します。d:tomcatwebappshellowowstoryindex.HTML
index.HTML ハイパーリンクを追加するコードinfo.HTML は次のように記述する必要があります:

コードをコピーコードは次のとおりです:

index .HTML

下位ディレクトリの表現方法 は下位ディレクトリにあるファイルを参照しているので、下位ディレクトリにあるファイルのパスを直接記述するだけです。

info.HTML パスは d:tomcatwebappshelloblablainfo.HTML であるとします。
index.HTML パスは d:tomcatwebappshelloblablaHTMLindex.HTML であるとします。
index.HTML ハイパーリンクを info に追加するコード。 HTML は次のようになります:

コードをコピーコードは次のとおりです:

index.HTML

info.HTML パスは d:tomcatwebappshelloblablainfo.HTML であると仮定します。
インデックスを仮定します。 .HTML パスは次のとおりです: d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
index.HTML ハイパーリンクを info.HTML に追加するコードは次のように記述する必要があります:

Copyコードコードは次のとおりです:

index.HTML 🎜>

HTML 絶対パス (絶対パス)
HTML 絶対パス (絶対パス) とは、ドメイン名を持つファイルのフルパスを指します。

ドメイン名 www.jb51.net を登録し、仮想ホスト プロバイダーから www などのディレクトリが提供されるとします。この www は Web サイトのルート ディレクトリです。

ファイルindex.HTML が www ルート ディレクトリに配置されているとします。このファイルの絶対パスは http://www.jb51.net/index.html であるとします。 www ルート ディレクトリに HTML_tutorials というディレクトリを作成し、そのディレクトリ内にファイルindex.HTML を配置します。このファイルの絶対パスは http://www.jb51.net/article/32759.htm です。