HTML で相対パスを使用してディレクトリのすべてのレベルのファイルを取得する方法の詳細な説明

相対パスの概念

現在のファイルの場所を参照ポイントとして使用して、ターゲット ファイルへのパスを確立します。

絶対パスの概念

ファイル全体の完全なパス (例: X:\www\web\index.html、http://waldo.com.cn/index.html)。これらは両方とも絶対パスです。

相対パスのさまざまな使い方の詳細な説明

test.html という名前のページにリンクしたいページがあるとします。以下は、相対パスを表現するさまざまな方法を示しています。

ウェブサイトのルートディレクトリ内のファイルへの相対パスアクセス

単一のスラッシュ / はルート ディレクトリを表します。単一のスラッシュ / を使用すると、任意のレベルのルート ディレクトリに直接アクセスできます。

Web ページ上の多くの場所から、Web サイトのルート ディレクトリの下の Web フォルダーにある about.html ページにリンクする必要があると仮定すると、HTML コードは次のように記述する必要があります: <a href='/about.html'>link to</a>。

現在のページの親ディレクトリ内のファイルへの相対パスアクセス

../ は現在のファイルの親ディレクトリを示します。現在のページ パスが Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm であると仮定します。ページはファイル X:www\web\StaticPageFiles\SiteMapFiles\Tag3\tag_3_1.htm にリンクする必要があります。すると、現在のページのリンク アドレスは<a href='../Tag3/tag_3_1.htm'>.NET標簽</a>になります。

PS: 現在のディレクトリは Tag11 であり、ページがリンクする必要があるターゲット ファイルが配置されているディレクトリは Tag3 であり、これは現在のディレクトリと同じ親ディレクトリ SiteMapFiles に属しているため、最初に ../ を使用して親ディレクトリにリンクし、次に親ディレクトリの下のターゲット ディレクトリとファイルにリンクする必要があります。

現在のページの複数の親ディレクトリ内のファイルへの相対パスアクセス

../ は現在のファイルの親ディレクトリを表すため、../../ は現在のファイルの親ディレクトリを表します。取得する親レベルの数に応じて ../ を追加するだけです。

現在のページファイルのサブディレクトリ内のファイルへの相対パスアクセス

現在のディレクトリ名/サブディレクトリ名/ターゲットファイル名を使用するだけです。現在のファイルがshiyousan.com/StaticPageFiles/SiteMapFiles/ディレクトリにあると仮定すると、現在のディレクトリの Tag3 の下のファイルにリンクするには、リンク アドレスを次のように記述できます: <a href='SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a> 、または次のように ./,./ を使用できます: <a href='./SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a>。

要約する

. --------単一のドットまたは直接のディレクトリ名は現在のディレクトリを示します

.. --------二重ドットは現在のファイルの親ディレクトリを示します

/ -------- 1 つのスラッシュは、現在の Web サイトのルート ディレクトリを示します

上記は、HTML で相対パスを使用して、すべてのレベルのディレクトリにあるファイルを取得する方法についての詳細な説明です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。