Làm cách nào để đặt siêu liên kết đến "hai cấp ở trên trong cây thư mục"?

Question

Tôi đang cố gắng mã nút Trang chủ của mình. Có cách nào để leo lên trở lại cấu trúc tập tin, thay vì sử dụng đường dẫn tuyệt đối như tôi có dưới đây.

Tôi có một index.html tập tin mà tôi có ít C:\Users\Randy\Documents\XML\

Heres mã của tôi:

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

Heres nơi tôi đang cố gắng để đến từ: C:\Users\Randy\Documents\XML\project\xml

Answer 1

Bạn có thể sử dụng để ../index.html tham khảo index.html trong thư mục mẹ.

Answer 2

Tôi không chắc chắn chính xác những gì bạn đang yêu cầu, nhưng trong đường dẫn tương đối, ../ là 'lên một cấp'.

Vì vậy, ../index.html sẽ đưa bạn đến chỉ mục của thư mục tiếp theo. Hy vọng rằng sẽ giúp.

Answer 3

để sử dụng hai cấp độ "../../" và url thông thường của bạn từ hai thư mục cấp lên.

"../" trong đường dẫn được sử dụng để tăng lên một cấp. Nhưng, nó có thể được sử dụng nhiều lần hơn, để tăng thêm cấp độ.

một ví dụ:

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

myfile.html chứa:

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

thứ hai "../" đi từ PICTURE_CONFIG để CONFIG thư mục
các" ../"goes đầu tiên từ CONFIG tới thư mục HOME
"image.jpg" tìm kiếm trong thư mục HOME cho tệp "image.jpg"

Answer 4

Nó đang làm việc cho tôi để trở lại hai cấp độ (thư mục mẹ) thông qua tham chiếu liên kết siêu.

Answer 5

1. <img src="picture.jpg"> KHI picture.jpg nằm trong thư mục tương tự như các trang hiện

2. <img src="images/picture.jpg"> KHI picture.jpg nằm trong thư mục Images nằm trong thư mục hiện hành

3. <img src="/images/picture.jpg"> KHI picture.jpg nằm trong thư mục hình ảnh nằm ở gốc của trang web hiện tại

4. <img src="../picture.jpg"> WHEN picture.jpg nằm trong thư mục một cấp từ thư mục hiện tại

   5. <img src="../../picture.jpg"> KHI hình.jpg nằm trong thư mục hai cấp độ lên từ thư mục hiện hành

Hope ví dụ này giúp đỡ :)

Nguồn: https://www.w3schools.com/html/html_filepaths.asp