2013-11-14 19 views
18

Tôi có một câu hỏi chung (tôi không phải tất cả đều quen thuộc với html).Chọn thư mục mẹ trong html

Việc sử dụng sau đây của slash tôi đã phát hiện ra điểm đến một thư mục phụ, trong trường hợp này cho hình ảnh:

/Image/my_Image.png 

Có tương đương html cho trỏ đến một thư mục cha?

Trả lời

28

../ sẽ cung cấp cho bạn một thư mục cấp cao hơn. Bạn có thể sử dụng nhiều như bạn muốn đi cha mẹ mức độ cao hơn như ../../

../Image/my_Image.png 

sẽ thư mục hình ảnh trong thư mục cha

14

Độc dot = hiện tại thư mục, kích đúp chấm là thư mục cha ...

./ = current 
../ = parent 

Vì vậy, giả sử bạn có quy tắc kiểu cho hình ảnh trong tệp CSS được gọi là "styles.css".

  • Vị trí của biểu định kiểu là C: \ MyApp \ CSS \ styles.css.
  • Vị trí của hình ảnh là: C: \ MyApp \ Image \ my_Image.png.

Khi CSS đang được đọc, nó sẽ được vị trí của tập tin css đó là sử dụng cho các vị trí hiện tại. Vì vậy, nếu bạn muốn để có được hình ảnh của bạn, bạn có thể trỏ nó như thế này:

background: url("../Image/my_Image.png") no-repeat scroll 0 0 transparent; 

Nếu vị trí của hình ảnh sẽ được trực tiếp trên C: \, bạn sẽ phải quay trở lại hai thư mục mẹ:

background: url("../../my_Image.png") no-repeat scroll 0 0 transparent; 

Nguyên tắc này cũng áp dụng cho các tệp JavaScript, v.v.

4

Nó hoạt động hoàn hảo cùng với thẻ <base>;

dụ

<head> 
<base href="resources\"> 
</head> 

sau đó từ chỉ số gốc: <a href="template\sample1.html">sample1</a>

<head> 
<base href="..\resources\"> 
</head> 

sau đó từ mẫu: <img src="images\sample1.jpg">

làm việc với một cấu trúc thư mục như:

index.html
tài nguyên \ mẫu \
tài nguyên \ hình ảnh \

Các vấn đề liên quan