Đườ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
| Đường dẫn | 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 = "images / 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 web hiện tại |
| <img src = "../ picture.jpg"> | Tệp "picture.jpg" nằm trong thư mục 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 với tệp bên ngoài, như:
- trang web
- Hình ảnh
- Tờ kiểu
- JavaScripts
Đường dẫn tệp tuyệt đối
Đường dẫn tệp tuyệt đối là URL đầy đủ của tệp:
Thí dụ
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
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 liên quan đến trang hiện tại.
Trong ví dụ sau, đường dẫn tệp trỏ đến tệp trong thư mục hình ảnh nằm ở thư mục gốc của web hiện tại:
Thí dụ
<img src="/images/picture.jpg"
alt="Mountain">
Trong ví dụ sau, đường dẫn tệp trỏ đến tệp trong thư mục hình ảnh nằm trong thư mục hiện tại:
Thí dụ
<img src="images/picture.jpg"
alt="Mountain">
Trong ví dụ sau, đường dẫn tệp trỏ đến tệp trong thư mục hình ảnh nằm trong thư mục một cấp so với thư mục hiện tại:
Thí dụ
<img src="../images/picture.jpg"
alt="Mountain">
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 của bạn. 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à các miền công cộng trong tương lai của bạn.