Bài 22: URL trong HTML | Đường dẫn tuyệt đối, đường dẫn tương đối | Học HTML

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

Một liên kết được xác định bởi một đường dẫn (đường dẫn hay còn được biết đến như một địa chỉ trang web).

Đường dẫn tuyệt đối (là một chuỗi đầy đủ bao gổm http://, tên miền của trang web, đường dẫn đến tập tin)Đường dẫn tương đối (là một phần nhỏ của đường dẫn tuyệt đối, thông thường đường dẫn tương đối là phần đường dẫn đến tập tin)

Sau đây là ví dụ về các đường dẫn tuyệt đối.

http://hoclaptrinhhtml2018.blogspot.com
http://hoclaptrinhhtml2018.blogspot.com/html
http://hoclaptrinhhtml2018.blogspot.com/html/default.html
http://hoclaptrinhhtml2018.blogspot.com/html/cach-tao-mot-trang-web-html.html

Sau đây là ví dụ về các đường dẫn tương đối.

html
html/default.html
default.html
html/cach-tao-mot-trang-web.html
cach-tao-mot-trang-web-html.html

Cách xác định đường dẫn tương đối

Tôi có một bài thực hành để giúp bạn hiểu được cách xác định đường dẫn tương đối.

Vào ổ đĩa D tạo một thư mục có tên là laptrinhweb. Vào thư mục laptrinhweb, lần lượt tạo các thư mục và tập tin như sau:

Ví dụ 1: Giả sử bạn đang ở trang1.html muốn đến trang2.html thì đường đi sẽ là:

Đi vào folder1Đi vào trang2.html

<a href="folder1/trang2.html">Liên kết đến trang 2</a>

Ví dụ 2: Giả sử bạn đang ở trang1.html muốn đến trang6.html thì đường đi sẽ là:

Đi vào folder1Đi vào folder3Đi vào folder8Đi vào trang6.html

<a href="folder1/folder3/folder8/trang6.html">Liên kết đến trang 6</a>;

Ví dụ 3: Giả sử bạn đang ở trang4.html muốn đến trang2.html thì đường đi sẽ là:

Đi ngược về thư mục cha (Để đi ngược về thư cha, ta dùng dấu hai chấm .. )Đi vào trang2.html

<a href="../trang2.html">Liên kết đến trang 2</a>

Ví dụ 4: Giả sử bạn đang ở trang4.html muốn đến trang8.html thì đường đi sẽ là:

Đi ngược về thư mục chaĐi ngược về thư mục chaĐi vào folder2Đi vào folder5Đi vào folder9Đi vào trang8.html

<a href="../../folder2/folder5/folder9/trang8.html">Liên kết đến trang 8</a>

Ví dụ 5: Giả sử bạn đang ở trang5.html muốn đến trang6.html thì đường đi sẽ là:

Đi ngược về thư mục chaĐi vào folder8Đi vào trang6.html

<a href="../folder8/trang6.html">Liên kết đến trang 6</a>

Ví dụ 6: Giả sử bạn đang ở trang3.html muốn đến trang4.html thì đường đi sẽ là:

Đi ngược về thư mục chaĐi vào folder1Đi vào folder3Đi vào trang4.html

<a href="../folder1/folder3/trang4.html">Liên kết đến trang 4</a>

Ví dụ 7: Giả sử bạn đang ở trang1.html muốn đến trang8.html thì đường đi sẽ là:

Đi vào folder2Đi vào folder5Đi vào folder9Đi vào trang8.html

<a href="folder2/folder5/folder9/trang8.html">Liên kết đến trang 8</a>

Ưu điểm và nhược điểm của hai loại đường dẫn

Đường dẫn tuyệt đối
Ưu điểm: Dễ dàng xác định được đường dẫn đến một trang web (hoặc tài nguyên) nào đó.
Nhược điểm: Không thể sử dụng cho các tên miền khác.

Đường dẫn tương đối
Ưu điểm: Có thể sử dụng trên các tên miền khác nhau
Nhược điểm: Nếu chưa quen cách sử dụng đường dẫn tương đối thì việc xác định đường dẫn đến một trang web (hoặc tài nguyên) nào đó sẽ rất khó khăn và dễ bị sai