Đường dẫn tệp HTML
Đường dẫn tệp mô tả vị trí của tệp trong cấu trúc thư mục của trang web.
Ví dụ về đường dẫn tệp
Con đường | Sự miêu tả |
---|---|
<img src="picture.jpg"> | Tệp "picture.jpg" nằm trong cùng thư mục với trang hiện tại |
<img src="hình ảnh/picture.jpg"> | Tệp "picture.jpg" nằm trong thư mục hình ảnh trong thư mục hiện tại |
<img src="/images/picture.jpg"> | Tệp "picture.jpg" nằm trong thư mục hình ảnh ở thư mục gốc của trang web hiện tại |
<img src="../picture.jpg"> | Tệp "picture.jpg" nằm trong thư mục cao hơn một cấp so với thư mục hiện tại |
Đường dẫn tệp HTML
Đường dẫn tệp mô tả vị trí của tệp trong cấu trúc thư mục của trang web.
Đường dẫn tệp được sử dụng khi liên kết đến các tệp bên ngoài, như:
- trang web
- Hình ảnh
- Tờ định kiểu
- JavaScript
Đường dẫn tệp tuyệt đối
Đường dẫn tệp tuyệt đối là URL đầy đủ của tệp:
Thẻ <img> được giải thích trong chương: Hình ảnh HTML .
Đường dẫn tệp tương đối
Đường dẫn tệp tương đối trỏ đến tệp tương ứng với trang hiện tại.
Trong ví dụ sau, đường dẫn tệp trỏ đến một tệp trong thư mục hình ảnh nằm ở thư mục gốc của trang web hiện tại:
Trong ví dụ sau, đường dẫn tệp trỏ đến một tệp trong thư mục hình ảnh nằm trong thư mục hiện tại:
Trong ví dụ sau, đường dẫn tệp trỏ đến một tệp trong thư mục hình ảnh nằm trong thư mục cao hơn một cấp so với thư mục hiện tại:
Thực hành tốt nhất
Cách tốt nhất là sử dụng đường dẫn tệp tương đối (nếu có thể).
Khi sử dụng đường dẫn tệp tương đối, các trang web của bạn sẽ không bị ràng buộc với URL cơ sở hiện tại. Tất cả các liên kết sẽ hoạt động trên máy tính của riêng bạn (localhost) cũng như trên miền công cộng hiện tại và miền công cộng trong tương lai của bạn.