HTMLの相対パスと絶対パスの違いの解析_HTML/Xhtml_Webページ制作

HTML の初心者は、ファイルを正しく参照する方法という問題に遭遇することがよくあります。たとえば、HTML Web ページ内のハイパーリンクとして別の HTML Web ページを参照するにはどうすればよいでしょうか? Web ページに画像を挿入する方法

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

これらのエラーを回避し、ファイルを正しく参照するには、HTML パスを学習する必要があります。

HTML には、相対パスと絶対パスという 2 つのパスの記述方法があります。

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

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

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

index.html


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

info.html パスが c:Inetpubwwwrootsitesblablainfo.html であると仮定します。
index.html パスが c:Inetpubwwwrootsitesindex.html であると仮定します。
index.html ハイパーリンクを info に追加するコード。 html は次のようになります。 次のように記述します。


index.html

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


index.html

info.html パスは c:Inetpubwwwrootsitesblablainfo.html であると仮定します。
index.html パスは c:Inetpubwwwrootsiteswowstoryindex.html であると仮定します。
index.html ハイパーリンクを info.html に追加するコード


index.html

下位ディレクトリの表現方法
下位ディレクトリ内のファイルを参照するには, 下位ディレクトリにあるファイルのパスを直接書き込むだけです。

info.html パスが c:Inetpubwwwrootsitesblablainfo.html であると仮定します。
index.html パスが c:Inetpubwwwrootsitesblablahtmlindex.html であると仮定します。
index.html ハイパーリンクを info に追加するコード。 html は次のようになります。 次のように記述します。


index.html

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


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/html_tutorials/ です。インデックス.html。