Đường dẫn tệp HTML

Đường dẫn Mô tả
<img src="picture.jpg"> picture.jpg nằm trong thư mục cùng với trang web hiện tại
<img src="images/picture.jpg"> picture.jpg nằm trong thư mục images của thư mục hiện tại
<img src="/images/picture.jpg"> picture.jpg nằm trong thư mục images của thư mục gốc của trang hiện tại
<img src="../picture.jpg"> picture.jpg nằm trong thư mục cha của thư mục hiện tại

Đường dẫn tệp 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.

Đường dẫn tệp sẽ được sử dụng khi liên kết tệp bên ngoài:

  • Trang web
  • Hình ảnh
  • Bảng style
  • JavaScript

Đường dẫn tệp tuyệt đối

Đường dẫn tệp tuyệt đối là URL đầy đủ của một tệp internet:

Mô hình

<img src="https://www.codew3c.com/images/picture.jpg" alt="hoa">

Thẻ <img> và thuộc tính src và alt được giải thích trong chương về hình ảnh HTML.

Đường dẫn tương đối

Đường dẫn tương đối chỉ đến tệp so với trang hiện tại.

Trong ví dụ này, đường dẫn tệp chỉ đến một tệp trong thư mục images của thư mục gốc của trang web:

Mô hình

<img src="/images/picture.jpg" alt="hoa">

Trong ví dụ này, đường dẫn tệp chỉ đến một tệp trong thư mục images của thư mục hiện tại:

Mô hình

<img src="images/picture.jpg" alt="hoa">

Trong ví dụ này, đường dẫn tệp chỉ đến một tệp trong thư mục images của thư mục cha hiện tại của thư mục hiện tại:

Mô hình

<img src="../images/picture.jpg" alt="hoa">

Thói quen tốt

Việc sử dụng đường dẫn tương đối là một thói quen tốt (nếu có thể).

Nếu bạn sử dụng đường dẫn tương đối, trang web của bạn sẽ không được liên kết với URL cơ sở hiện tại. Tất cả các liên kết trên máy tính của bạn (localhost) hoặc các域 công cộng trong tương lai đều hoạt động bình thường.