Đường dẫn trong HTML là gì?

Đường dẫn tệp HTML

Vị trí của tệp trong thư mục trang web được chỉ định bằng đường dẫn tệp HTML. Đối với trình duyệt web, đường dẫn tệp giống với địa chỉ tệp. Với việc sử dụng đường dẫn tệp, chúng tôi có thể thêm bất kỳ tài nguyên bên ngoài nào vào tệp HTML của mình, chẳng hạn như ảnh, tệp, tệp CSS, tệp JS, video, v.v.

1. Khi bạn chạy mã HTML ở trên, bạn sẽ nhận được đầu ra sau trong trình duyệt

   

   Đường dẫn tệp tương đối trong HTML

   Nếu hình ảnh đã có trong hệ thống của chúng tôi, chúng tôi chỉ cần nhập đường dẫn của hình ảnh dưới dạng giá trị bên trong thuộc tính src; . Đó là một phương pháp hay để sử dụng các URL tương đối để tránh lỗi

   Khi bạn chạy mã HTML ở trên, bạn sẽ nhận được đầu ra sau trong trình duyệt

   

   Trong trường hợp URL tuyệt đối, nếu hình ảnh bị xóa khỏi trang web nguồn của chúng tôi, chúng tôi sẽ không thể hiển thị nó trên màn hình. Vì vậy, trong trường hợp URL tuyệt đối, chúng tôi phụ thuộc vào nguồn bên ngoài để hiển thị hình ảnh trên màn hình, trong khi URL tương đối không phụ thuộc vào bất kỳ nguồn bên ngoài nào để hiển thị hình ảnh trên màn hình. Đây là lợi thế của URL tương đối so với URL tuyệt đối

   Trong bài viết tiếp theo, tôi sẽ thảo luận về Bố cục trong HTML với các ví dụ. Ở đây, trong bài viết này, tôi cố gắng giải thích Đường dẫn tệp trong HTML bằng các ví dụ và tôi hy vọng bạn thích bài viết Đường dẫn tệp HTML với các ví dụ này

   Đườ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. Chúng được sử dụng để liên kết với các tệp bên ngoài, như

   • trang web
   • Hình ảnh
   • Video
   • tập tin MP3
   • biểu định kiểu
   • mã JavaScript

   Đường dẫn URL trong HTML có thể là đường dẫn tuyệt đối, chẳng hạn như URL đầy đủ

   https. // codecademy. com/tài nguyên/tài liệu

     The URL for this anchor element is an absolute file path.
   Đường dẫn tệp tương đối là đường dẫn liên kết đến tệp cục bộ trong cùng một thư mục hoặc trên cùng một máy chủ, chẳng hạn
   /Về. html
   /Phong cách. css
   /hình ảnh/logo. png
   Đường dẫn tệp tương đối bắt đầu bằng ./ theo sau là đường dẫn đến tệp cục bộ. ./ yêu cầu trình duyệt tìm đường dẫn tệp từ thư mục hiện tại
     The URL for this anchor element is a relative file path.
   Liên kết đến một phần cụ thể của trang
   Phần tử neo  có thể tạo siêu liên kết đến các phần khác nhau của cùng một tài liệu HTML bằng cách sử dụng thuộc tính href để trỏ đến vị trí mong muốn với # theo sau là id của phần tử để liên kết đến
    
   
   			
   Ví dụ về đường dẫn là gì?
   			
   Danh từ  Chúng tôi đi theo con đường quanh co xuyên qua rừng . Con đường dẫn xuống đồi. Chiếc xe trượt vào đường của một chiếc xe tải đang tới. 
   		
   			
   Đường dẫn là gì và các loại của nó?
   			
   Đường dẫn là  tương đối hoặc tuyệt đối . Đường dẫn tuyệt đối luôn chứa phần tử gốc và danh sách thư mục đầy đủ cần thiết để định vị tệp. Ví dụ, /home/sally/statusReport là một đường dẫn tuyệt đối. Tất cả thông tin cần thiết để xác định vị trí tệp được chứa trong chuỗi đường dẫn. 
   		
   			
   Đường dẫn trong mã là gì?
   			
   Mã đường dẫn là  con trỏ tới một tập hợp đối tượng . Đối với mỗi bộ đối tượng trong cấu hình, bạn phải xác định mã đường dẫn trong bảng Tệp chính đường dẫn đối tượng (F00942). 
   		
   			
   Đường dẫn có nghĩa là gì trong trang web?
   			
   Đường dẫn đề cập đến  vị trí chính xác của trang, bài đăng, tệp hoặc nội dung khác . Nó thường tương tự như cấu trúc tệp cơ bản của trang web. Đường dẫn nằm sau tên máy chủ và được phân tách bằng dấu “/” (dấu gạch chéo lên).