Cách chỉ định URL đích cho liên kết (href) trong HTML?

Thuộc tính href (Hypertext REFerence) trên <a>, <area>, <link>, <base> chỉ định địa chỉ tài nguyên đích. Là thuộc tính quan trọng nhất của liên kết.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thuộc tính href HTML</title>
  </head>
  <body>
    <figure>
      <img src="https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" alt="Thư viện Tutorials">
      <figcaption>Thư viện Tutorials</figcaption>
    </figure>
  </body>
</html>

Các dạng href phổ biến

Loại	Ví dụ	Mô tả
Absolute URL	`https://example.com/page`	Địa chỉ đầy đủ
Relative URL	`/page`, `../page`, `page.html`	Tương đối so với trang hiện tại
Anchor	`#section-id`	Vị trí trong cùng trang
Email	`mailto:user@example.com`	Mở email client
Phone	`tel:+84901234567`	Gọi điện (mobile)
SMS	`sms:+84901234567`	Nhắn tin
JavaScript	`javascript:void(0)`	Chạy JS (khuyên dùng event listener)
Data URI	`data:image/png;base64,...`	Nhúng dữ liệu trực tiếp

Lưu ý

Thiếu href trên <a> → không phải link (không focus bằng Tab, không context menu link).
<a href=""> (rỗng) → tải lại trang hiện tại.
<base href="https://example.com/"> trong <head> đặt base URL cho tất cả relative link.