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

実際のWeb開発では、CSSファイルなどを含む画像の挿入には必ずパスが必要です。ファイルパスの追加を間違えると、参照が無効になってしまいます（リンク先のファイルが閲覧できない、挿入した画像が表示できないなど）。 ）。多くの初心者が混乱するでしょう。ここでは相対パスと絶対パスについて詳しく説明します。

HTML相対パス

は、このファイルが配置されているパスによって生じる他のファイル(またはフォルダー)とのパス関係を指します。

例:

ファイル 1.htm の絶対パスは次のとおりです: d:/www/html/1.htm

ファイル 2.htm の絶対パスは次のとおりです: d:/www/html/2.htm

その場合: 2.htm に対する 1.htm の相対パスは次のとおりです: 1.htm

相対リンクの使用方法:

同じディレクトリにリンクする場合は、リンクするドキュメントの名前を入力するだけで済みます、例:

<a href =”1 htm”>网页链接 </a>
<img src=”bg.jpg” />

次のレベルのディレクトリにリンクする場合は、最初にディレクトリ名を入力し、次に「/」を追加してからファイル名を入力する必要があります。例:

<a href =”html/ next.htm”>
<img src=”images/bg.jpg” />

に接続する場合上位ディレクトリの場合は、最初に「../」を入力し、次にディレクトリ名とファイル名を入力する必要があります。例:

<a href = “．．/ www/index.htm”>

例の概要

現在 4 つの HTML ファイルがあり、aaa.html bbb です。 .html ccc.htmlindex.html

• aaa.html パスは次のとおりです: D:/www/ adminwang/html/aaa.html

• bbb.html のパスは次のとおりです: D:/www/adminwang / bbb.html

• ccc.html のパスは次のとおりです: D:/www/ ccc.html

• index.html のパスは D:/www/index.html です

リンク ファイル同じディレクトリ

たとえば、ccc.html ファイルリンクのコードは次のとおりです。index.html ;/a>

CCC Web ページへのリンク

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg