Hướng dẫn how do you define a relative path in html? - làm thế nào để bạn xác định một đường dẫn tương đối trong html?


Đường dẫn tệp mô tả vị trí của một tệp trong cấu trúc thư mục của trang web.


Ví dụ về đường dẫn tập tin

Đường dẫnSự mô tả
Hướng dẫn how do you define a relative path in html? - làm thế nào để bạn xác định một đường dẫn tương đối trong html?
Tệp "Picture.jpg" được đặt trong cùng một thư mục với trang hiện tại
Hướng dẫn how do you define a relative path in html? - làm thế nào để bạn xác định một đường dẫn tương đối trong html?
Tệp "Picture.jpg" được đặt trong cùng một thư mục với trang hiện tại
Hướng dẫn how do you define a relative path in html? - làm thế nào để bạn xác định một đường dẫn tương đối trong html?
Tệp "Picture.jpg" được đặt trong cùng một thư mục với trang hiện tại
Hướng dẫn how do you define a relative path in html? - làm thế nào để bạn xác định một đường dẫn tương đối trong html?
Tệp "Picture.jpg" được đặt trong cùng một thư mục với trang hiện tại

Tệp "Picture.jpg" được đặt trong thư mục hình ảnh trong thư mục hiện tại

Đường dẫn tệp mô tả vị trí của một tệp trong cấu trúc thư mục của trang web.

Tệp "Picture.jpg" được đặt trong thư mục hình ảnh ở gốc của web hiện tại

  • Tệp "Picture.jpg" nằm trong thư mục một cấp từ thư mục hiện tại
  • Đường dẫn tệp HTML
  • Các đường dẫn tệp được sử dụng khi liên kết với các tệp bên ngoài, như:
  • trang web

Hình ảnh

Phong cách

Javascripts

Hướng dẫn how do you define a relative path in html? - làm thế nào để bạn xác định một đường dẫn tương đối trong html?

Tệp "Picture.jpg" được đặt trong cùng một thư mục với trang hiện tại

Tệp "Picture.jpg" được đặt trong thư mục hình ảnh trong thư mục hiện tại



Tệp "Picture.jpg" được đặt trong thư mục hình ảnh ở gốc của web hiện tại

Tệp "Picture.jpg" nằm trong thư mục một cấp từ thư mục hiện tại

Đường dẫn tệp HTML

Các đường dẫn tệp được sử dụng khi liên kết với các tệp bên ngoài, như:

trang web


Hình ảnh

Phong cách

Javascripts



Một đường dẫn tương đối cần được kết hợp với một đường dẫn khác để truy cập một tệp. Ví dụ, Joe/Foo là một con đường tương đối.

Bạn nói trang web của bạn đang ở trong

"http://localhost/mywebsite/pictures/picture.png"
4 và giả sử rằng hình ảnh của bạn nằm trong một thư mục con có tên
"http://localhost/mywebsite/pictures/picture.png"
5:

Con đường tuyệt đốiabsolute path,

"http://localhost/mywebsite/pictures/picture.png"
6 would point to the root of the site, not the root of the document:
"http://localhost/mywebsite/pictures/picture.png"
7 in your case. That's why you need to specify your document's folder in order to access the pictures folder:

"/mywebsite/pictures/picture.png"

Nếu bạn sử dụng một đường dẫn tuyệt đối,

"http://localhost/mywebsite/pictures/picture.png"
6 sẽ trỏ đến gốc của trang web, chứ không phải gốc của tài liệu:
"http://localhost/mywebsite/pictures/picture.png"
7 trong trường hợp của bạn. Đó là lý do tại sao bạn cần chỉ định thư mục tài liệu của mình để truy cập thư mục hình ảnh:

"http://localhost/mywebsite/pictures/picture.png"

Và nó sẽ giống như:

Đường dẫn tương đốirelative path is always relative to the root of the document, so if your html is at the same level of the directory, you'd need to start the path directly with your picture's directory name:

"pictures/picture.png"

Một đường dẫn tương đối luôn liên quan đến gốc của tài liệu, vì vậy nếu HTML của bạn ở cùng cấp độ của thư mục, bạn cần bắt đầu đường dẫn trực tiếp với tên thư mục hình ảnh của bạn:

Nhưng có những đặc quyền khác với các đường dẫn tương đối:

Dot-slash (

"http://localhost/mywebsite/pictures/picture.png"
8)
"http://localhost/mywebsite/pictures/picture.png"
9
) points to the same directory and the slash (
"http://localhost/mywebsite/pictures/picture.png"
6
) gives access to it:

DOT (

"http://localhost/mywebsite/pictures/picture.png"
9) trỏ đến cùng một thư mục và dấu gạch chéo (
"http://localhost/mywebsite/pictures/picture.png"
6) cho phép truy cập vào nó:

"pictures/picture.png"

Vì vậy, điều này:

"./pictures/picture.png"

Sẽ giống như thế này:

Double-Dot-Slash (

"pictures/picture.png"
1)
"pictures/picture.png"
2
) points to the upper directory and likewise, the slash (
"http://localhost/mywebsite/pictures/picture.png"
6
) gives you access to it. So if you wanted to access a picture that is on a directory one level above of the current directory your document is, your URL would look like this:

"../picture.png"

Trong trường hợp này, một dấu chấm kép (

"pictures/picture.png"
2) chỉ vào thư mục trên và tương tự, dấu gạch chéo (
"http://localhost/mywebsite/pictures/picture.png"
6) cho phép bạn truy cập vào nó. Vì vậy, nếu bạn muốn truy cập một hình ảnh trên một thư mục một cấp trên của thư mục hiện tại, tài liệu của bạn, URL của bạn sẽ trông như thế này:

Bạn có thể chơi xung quanh với họ nhiều như bạn muốn, một ví dụ nhỏ sẽ là:

"pictures/picture.png"
4, and you want to access directory
"pictures/picture.png"
5
.

- root
   |- a
      |- A
   |- b
   |- x
      |- X

Giả sử bạn đang sử dụng thư mục

"pictures/picture.png"
4 và bạn muốn truy cập thư mục
"pictures/picture.png"
5.

Bạn nói trang web của bạn đang ở trong

"http://localhost/mywebsite/pictures/picture.png"
4 và giả sử rằng hình ảnh của bạn nằm trong một thư mục con có tên
"http://localhost/mywebsite/pictures/picture.png"
5:

"/x/X/picture.png"

Or:

Và nó sẽ giống như:

"./../x/X/picture.png"

trước & nbsp; Tiếp theo & nbsp; nội dung & nbsp; các yếu tố & nbsp; thuộc tính


Một đường dẫn tương đối cần được kết hợp với một đường dẫn khác để truy cập một tệp. Ví dụ, Joe/Foo là một con đường tương đối.

  1. Nội dung
    1. Bộ định vị tài nguyên thống nhất (URL)
    2. Định danh mảnh
    3. URL tương đối

URL trong HTML

  1. World Wide Web là một mạng lưới tài nguyên thông tin. Web dựa vào ba cơ chế để làm cho các tài nguyên này có sẵn cho đối tượng rộng nhất có thể:
  2. Một sơ đồ đặt tên thống nhất để định vị các tài nguyên trên web, ví dụ: URL
  3. Các giao thức, để truy cập vào các tài nguyên được đặt tên trên web. ví dụ. HTTP

Hypertext, để dễ dàng điều hướng giữa các tài nguyên. ví dụ. HTML

Tài liệu HTML sử dụng URL để chỉ định các liên kết siêu văn bản. Sau đây cung cấp một giới thiệu ngắn gọn về URL.

5.1 Bộ định vị tài nguyên thống nhất (URL)

Mỗi tài nguyên có sẵn trên web --- Tài liệu HTML, hình ảnh, video clip, chương trình, v.v. --- có một địa chỉ có thể được mã hóa bởi một trình định vị tài nguyên thống nhất hoặc "URL" (được xác định trong [RFC1738]).

  1. URL thường bao gồm ba mảnh:
  2. Sơ đồ xác định giao thức được sử dụng để truy cập tài nguyên.
  3. Tên của máy lưu trữ tài nguyên.

Tên của chính tài nguyên, được đưa ra như một đường dẫn.

http://www.w3.org/TR/WD-html4/cover.html

Hãy xem xét URL chỉ định đặc tả HTML hiện tại:

URL này có thể được đọc như sau: Sử dụng giao thức HTTP (xem [RFC2068]) để chuyển dữ liệu cư trú trên máy www.w3.org trong tệp "/tr/wd-html4/cover.html". Các chương trình khác mà bạn có thể thấy trong các tài liệu HTML bao gồm "mailto" cho email và "ftp" cho FTP.

URL nói chung là nhạy cảm trường hợp (ngoại trừ tên máy). Có thể có URL, hoặc các phần của URL, trong đó trường hợp không quan trọng, nhưng việc xác định những điều này có thể không dễ dàng. Người dùng nên luôn luôn xem xét rằng các URL nhạy cảm với trường hợp.

Bộ ký tự của các URL xuất hiện trong HTML được chỉ định trong [RFC1738].

5.1.1 Định danh đoạn

"http://localhost/mywebsite/pictures/picture.png"
0

Một số URL đề cập đến một vị trí trong một tài nguyên. Như được chỉ định trong [RFC1808], loại URL này kết thúc bằng "#" theo sau là một định danh neo (được gọi là "định danh đoạn"). Chẳng hạn, đây là một URL trỏ đến một mỏ neo có tên Phần_2:

5.1.2 URL tương đối

Một URL tương đối (được xác định trong [RFC1808]) không chứa bất kỳ giao thức hoặc thông tin máy móc nào. Đường dẫn của nó thường đề cập đến một tài nguyên trên cùng một máy với tài liệu hiện tại. Các URL tương đối có thể chứa các thành phần đường dẫn tương đối (".." có nghĩa là một cấp độ trong hệ thống phân cấp được xác định bởi đường dẫn) và có thể chứa các nhận dạng phân đoạn.

Như một ví dụ về độ phân giải URL tương đối, giả sử chúng tôi có URL cơ sở "http://www.acme.com/support/intro.html". URL tương đối trong đánh dấu sau cho liên kết siêu văn bản:

"http://localhost/mywebsite/pictures/picture.png"
1

sẽ mở rộng sang URL đầy đủ "http://www.acme.com/support/suppliers.html", trong khi URL tương đối trong đánh dấu sau cho hình ảnh

"http://localhost/mywebsite/pictures/picture.png"
2

sẽ mở rộng sang URL đầy đủ "http://www.acme.com/icons/logo.gif".

5.1.3 URL trong HTML

Trong HTML, các URL đóng một vai trò trong các tình huống này:

  • Liên kết với một tài liệu hoặc tài nguyên khác, (xem các phần tử A và liên kết).
  • Liên kết với một bảng hoặc tập lệnh kiểu bên ngoài (xem các phần tử liên kết và tập lệnh).
  • Hình ảnh, đối tượng và Ứng dụng để đưa vào một trang, (xem IMG, đối tượng, applet và các phần tử nhập).
  • Bản đồ hình ảnh (xem các yếu tố bản đồ và khu vực).
  • đệ trình biểu mẫu (xem biểu mẫu).
  • Khung (xem khung và các phần tử iframe).
  • Trích dẫn một tham chiếu bên ngoài (xem Q, Blockquote, Ins và Del Elements).
  • đề cập đến các quy ước siêu dữ liệu mô tả một tài liệu (xem phần tử đầu).

Các tác nhân người dùng nên tính toán URL cơ sở để giải quyết các URL tương đối theo [RFC1808]. Sau đây là một bản tóm tắt về cách [RFC1808] áp dụng cho HTML. Các tác nhân người dùng nên tính toán URL cơ sở theo các ưu tiên sau (ưu tiên cao nhất đến thấp nhất):

  1. URL cơ sở được đặt bởi phần tử cơ sở.
  2. URL cơ sở được đưa ra bởi một tiêu đề HTTP (xem [RFC2068]).
  3. Theo mặc định, URL cơ sở là tài liệu hiện tại.

Ngoài ra, các phần tử đối tượng và applet xác định các thuộc tính được ưu tiên hơn giá trị được đặt bởi phần tử cơ sở. Vui lòng tham khảo các định nghĩa của các yếu tố này để biết thêm thông tin về các vấn đề URL cụ thể cho chúng.

Các thành phần liên kết được chỉ định bởi các tiêu đề HTTP được xử lý chính xác như các thành phần liên kết xuất hiện rõ ràng trong một tài liệu.

URLTO URL & NBSP;

Ngoài URL HTTP, các tác giả có thể muốn đưa các URL Mailto (xem [RFC1738]) vào tài liệu của họ. URL Mailto khiến email được gửi đến một số địa chỉ email. Chẳng hạn, tác giả có thể tạo một liên kết, khi được kích hoạt, khiến tác nhân người dùng mở chương trình thư với địa chỉ đích trong trường "TO:".

URL Mailto có cú pháp sau:

"http://localhost/mywebsite/pictures/picture.png"
3

Đại lý người dùng có thể hỗ trợ các tiện ích mở rộng URL Mailto chưa phải là tiêu chuẩn Internet (ví dụ: nối thêm thông tin chủ đề vào URL với cú pháp "? Chủ đề =%của tôi 20Subject" trong đó bất kỳ ký tự không gian nào được thay thế bằng "%20"). Một số đại lý người dùng cũng hỗ trợ "? CC = địa chỉ email".


trước & nbsp; Tiếp theo & nbsp; nội dung & nbsp; các yếu tố & nbsp; thuộc tính

Con đường tương đối trong HTML là gì?

Đường dẫn tương đối dựa trên cấp độ tài liệu của phía máy khách, tức là mức URL của tài liệu như đã thấy trong trình duyệt. Nếu URL của trang web của bạn là: http://www.example.com/mywebsite/ thì bắt đầu ở cấp độ gốc bắt đầu trên đường dẫn thư mục "MyWebSite".

Làm thế nào để bạn xác định một con đường tương đối?

Một đường dẫn tương đối đề cập đến một vị trí liên quan đến một thư mục hiện tại. Các đường dẫn tương đối sử dụng hai ký hiệu đặc biệt, một dấu chấm (.) Và một chấm kép (..), dịch thành thư mục hiện tại và thư mục mẹ. Các chấm đôi được sử dụng để di chuyển lên trong hệ thống phân cấp.a location that is relative to a current directory. Relative paths make use of two special symbols, a dot (.) and a double-dot (..), which translate into the current directory and the parent directory. Double dots are used for moving up in the hierarchy.

Làm thế nào để bạn đưa ra một đường dẫn tệp trong HTML?

Đường dẫn tệp HTML được sử dụng để mô tả vị trí của tệp trong thư mục trang web ...
.
.
.
Sử dụng đường dẫn tệp URL đầy đủ.
.
.

Sử dụng đường dẫn tệp URL đầy đủ.

Ví dụ đường dẫn tương đối là gì?joe/foo is a relative path.