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>

前のディレクトリ内のファイルへのリンク

たとえば、bbb.html を ccc.html にリンクするコードは次のとおりです:

1

d541a63e5727f05e7aeed11bc804f5eeCCC Web ページへのリンク5db79b134e9f6b82c0b36e0489ee08ed

上位 2 レベルのディレクトリにあるファイルをリンクします

たとえば、aaa.html を ccc.html にリンクするコードは次のとおりです:

1	af6add3f2ed0a10857323467c0446db2ccc Web ページへのリンク5db79b134e9f6b82c0b36e0489ee08ed

下位ディレクトリのファイルをリンクします

たとえば、ccc.html のコードは bbb にリンクします。 html は次のとおりです:

1	44f283f423cfa317273a885fbf458ba5bbb Web ページへのリンク5db79b134e9f6b82c0b36e0489ee08ed

2 レベルのディレクトリ

たとえば、aaa.html をリンクする ccc.html のコードは次のとおりです:

1

HTML绝对路径

为文件提供的完全路径，包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如：

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

绝对路径没有什么好说的，相对路径掌握了，绝对路径就很简单了。

相关推荐：
HTMLa标签的href属性指定相对路径与绝对路径使用方法

html的绝对路径和相对路径怎么使用

php算法实现相对路径的案例

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