HTMLの相対パスと絶対パスの違いを詳細に分析

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

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

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

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

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

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

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

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

index.html


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

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


index.html

info.html パスは c:Inetpubwwwrootsitesblablainfo.html であると仮定します
index.html パスは c: Inetpubwwwrootindex.html
info 内で、index.html ハイパーリンクを 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 であると仮定します
index.html パスは c:Inetpubwwwrootsitesblablahtmltutorialsindex であると仮定します.html
info.html 内に、index.html ハイパーリンクを追加するコードは次のように記述する必要があります。


index.html絶対パス (絶対パス)
HTML の絶対パス (絶対パス) とは、ドメイン名を含むファイルのフルパスを指します。

ドメイン名 www.php.cn を登録し、仮想ホストを申請したとします。この www は Web サイトのルート ディレクトリです。

ファイルindex.htmlをwwwルートディレクトリに配置するとします。このファイルの絶対パスはhttp://www.php.cn/index.htmlです。

www ルート ディレクトリに html_tutorials というディレクトリを作成し、そのディレクトリにファイルindex.html を配置するとします。このファイルの絶対パスは http://www.php.cn/html_tutorials/index.html です。

以上がHTMLの相対パスと絶対パスの違いを詳細に分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。