HTMLにおける絶対パスと相対パスの違いの解析

図に示すように

多くのファイルの下にある1つのページの接続は、ファイルの参照は、パスの問題をある程度理解する必要があります。または、phpのWeb開発の知識を持っているプログラマは、変数のパスと参照を定義するために定義とインクルードを組み合わせて、多くの洞察力を持つことになります。
例えば、こんな感じです。

次に分析するのはこれらです。
キーポイント
-相対パスと絶対パスの概念
-具体的な分析
相対パスと絶対パスの概念
絶対パス。ツリー型ディレクトリ構造では、ルートノードから各データファイルまたはディレクトリファイルへの一意なパスは1つしかない。ルートノードからデータファイルまでのパスは、"/"で結ばれ、データファイルにアクセスするためのパス名が形成されます; 相対パス。プロセスごとに"カレントディレクトリ"を設定することができます。"作業ディレクトリ"とも呼ばれ、ファイルを見つけるために毎回機械的に絶対パスを使用する必要はありません、代わりに現在のディレクトリからファイルの相対パスを使用して、これは相対パスです。もちろん、それは少し抽象的ですが、主にhtmlに適用される以下の私の分析を参照してください。
具体的な分析
HTML初心者は、文書を正しく参照する方法について、しばしば問題にぶつかるでしょう。例えば、あるHTMLページでハイパーリンクとして別のHTMLページを参照するにはどうすればいいのか？ウェブページに画像を挿入するにはどうすればよいのでしょうか？
ファイル参照（ハイパーリンクの追加、画像の挿入など）の際にファイルパスを間違えると、参照に失敗します（リンク先のファイルが表示されない、挿入した画像が表示されないなど）。
このような間違いを避け、適切にファイルを参照するためには、HTMLのパスについて学ぶ必要があります。
HTMLには、相対パスと絶対パスの2種類のパスの書き方があります。
HTML 相対パス (相対パス)
同じディレクトリのファイル参照
ソースファイルと被参照ファイルが同じディレクトリにある場合は、被参照ファイル名を直接書けばよい。
次に、ソースファイル info.html を作成し、info.html 内で index.html ファイルをハイパーリンクとして参照したいと思います。
Suppose to path to info.html is: c:\Inetpub
<a href = "index.html">index.html</a> 親ディレクトリを指定する方法
... / はソースファイルがあるディレクトリの上のディレクトリを示し、https://www.jb51.net/表示源文件所在目录的上上级目录、以下同様。
info.htmlのパスがc:index.htmlのパスがc:index.htmlの追加 info.htmlにindex.htmlを追加 ハイパーリンクのコードは、次のようになります。

<a href = "以下同様。/index.html">index.html</a> Assuming the info.html path is: c:\Inetpub
<a href = "https://www.jb51.net/index.html">index.html</a> 仮にinfo.htmlのパスがc:I \pub
<a href = "。/wowstory/index.html">index.html</a>
サブディレクトリの表現方法
サブディレクトリ内のファイルを参照するには、サブディレクトリのファイルへのパスを直接書けばよい。
Suppose path to info.html is: c:\Inetpub
<a href = "html/index.html">index.html</a>
Suppose path to info.html is: c:\Inetpub
<a href = "html/tutorialss/index.html">index.html</a>HTML アブソリュートパス
HTMLの絶対パスとは、ドメイン名を持つファイルのフルパスを指します。
あなたがドメイン名www.jb51.net を登録し、ウェブホスティングを申請したとすると、ウェブホスティングプロバイダは、wwwなどのディレクトリを提供し、このwwwはあなたのウェブサイトのルートディレクトリです。
仮にwwwルートディレクトリの下にindex.htmlというファイルを置いたとすると、このファイルの絶対パスは、https://www.jb51.net/index.html。
wwwルートの下にhtml_tutorialsというディレクトリを作り、そのディレクトリの下にindex.htmlというファイルを置いたとすると、このファイルの絶対パスはhttps://www.jb51.net/html_tutorials/index.html。
いくつかの参考文献をご紹介します。 相対パスと絶対パスの違い