Trong HTML, “file path” (đường dẫn tệp) là đường dẫn tới một tệp hoặc tài nguyên, giúp trình duyệt hoặc máy chủ tìm thấy và hiển thị tệp đó trên trang web của bạn. Đường dẫn này có thể là đường dẫn tương đối hoặc đầy đủ, tùy thuộc vào cách bạn muốn tham chiếu đến tệp.
Có hai loại đường dẫn chính:
- Đường dẫn tương đối: Đây là đường dẫn được xác định dựa trên vị trí của tệp HTML hiện tại hoặc vị trí tương đối của tệp/tài nguyên mà bạn đang tham chiếu.
./: Được sử dụng để chỉ thư mục hiện tại.../: Được sử dụng để trở lại thư mục mẹ (thư mục chứa tệp HTML hiện tại).
Ví dụ về đường dẫn tương đối:
html
<!-- Đường dẫn tương đối đến một hình ảnh trong thư mục hiện tại -->
<img src="./images/pic.jpg" alt="Ảnh mô tả">
<!-- Đường dẫn tương đối đến một tệp CSS trong thư mục mẹ -->
<link rel="stylesheet" href="../styles/style.css">
- Đường dẫn tuyệt đối: Đây là đường dẫn hoàn toàn xác định từ gốc hệ thống tệp hoặc từ gốc thư mục web.
- Đường dẫn tuyệt đối trên hệ thống tệp: Bắt đầu bằng dấu “/” trên Unix-like systems (Linux, macOS) hoặc bắt đầu bằng chữ cái ổ đĩa (ví dụ: “C:”) trên Windows.
- Đường dẫn tuyệt đối trên web: Bắt đầu bằng “http://” hoặc “https://”.
Ví dụ về đường dẫn tuyệt đối:
html
<!-- Đường dẫn tuyệt đối đến một hình ảnh trên web -->
<img src="https://example.com/images/pic.jpg" alt="Ảnh mô tả">
<!-- Đường dẫn tuyệt đối đến một tệp CSS trên hệ thống tệp -->
<link rel="stylesheet" href="/path/to/styles/style.css">
Khi sử dụng đường dẫn tệp, hãy đảm bảo bạn đang tham chiếu đúng đường dẫn và đặt các tệp tương ứng ở đúng vị trí. Nếu tệp/tài nguyên không được tìm thấy, trình duyệt sẽ không thể hiển thị chúng trên trang web. Trên đây là giới thiệu về File Path trong HTML