web-dev-qa-db-ja.com

「ディレクトリツリーの2つ上のレベル」へのハイパーリンクを配置するにはどうすればよいですか？

ホームボタンをコーディングしようとしています。以下のような絶対パスを使用する代わりに、ファイル構造に戻る方法はありますか？.

C:\Users\Randy\Documents\XML\にあるファイルindex.htmlがあります

これが私のコードです：

<a id="my-family" href="C:\Users\Randy\Documents\XML\index.html">Home</a>

ここから私が来ようとしています：C:\Users\Randy\Documents\XML\project\xml

htmlhyperlinkrelative-path
11
user770022

../index.htmlを使用して、親ディレクトリのindex.htmlを参照できます。

19
Shi

2レベル上に移動するには、「../../」と2レベル上のフォルダの通常のURLを使用します。

パスの「../」は、1つ上のレベルに移動するために使用されます。しかし、それはより多くの時間、より多くのレベルを上げるために使用することができます。

例：

| HOME <br> 
+- image.jpg<br> 
|_
  |
  +- CONFIG<br>  
     |
     + PICTURE_CONFIG
       | 
       +- myfile.html

myfile.htmlに含まれるもの：

<img src="../../image.jpg" />

2番目の "../"はPICTURE_CONFIGからCONFIGフォルダーに移動します
最初の「../」はCONFIGからHOMEフォルダに移動します
"image.jpg"は、HOMEフォルダでファイル "image.jpg"を検索します

24
Tudor

あなたが何を求めているのか正確にはわかりませんが、相対的なパスでは、../は「1レベル上」です。

そう、 ../index.htmlは、次のディレクトリのインデックスに移動します。お役に立てば幸いです。

2
Dennis

  1. <img src="picture.jpg">picture.jpgが現在のページと同じフォルダにある場合

  2. <img src="images/picture.jpg">picture.jpgが現在のフォルダにあるimagesフォルダにある場合

  3. <img src="/images/picture.jpg">whenpicture.jpgが現在のWebのルートにあるimagesフォルダーにある場合

  4. <img src="../picture.jpg">picture.jpgが現在のフォルダーから1レベル上のフォルダーにある場合

    1. <img src="../../picture.jpg">picture.jpgが現在のフォルダーから2レベル上のフォルダーにある場合

この例がお役に立てば幸いです:)

出典： https://www.w3schools.com/html/html_filepaths.asp

1
Edd C.