Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách tạo siêu liên kết (hyperlink) đến tài liệu khác trong HTML?

Sử dụng thẻ <a> (anchor) với thuộc tính href để tạo liên kết đến trang khác, tệp, email, điện thoại, hoặc vị trí trong trang (anchor).

Các thuộc tính chính

Thuộc tính Giá trị Mô tả
hrefURLĐịa chỉ đích (bắt buộc để là link)
target_blank, _self, _parent, _topMở ở đâu
downloadfilenameÉp tải về thay vì mở
relnoopener, noreferrer, nofollow, external...Mối quan hệ (bảo mật, SEO)
hreflanglanguage_codeNgôn ngữ trang đích
typeMIME typeLoại nội dung đích
titleTextTooltip khi hover

Ví dụ cơ bản

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ a HTML</title>
  </head>
  <body>
    <p>Đây là liên kết đến <a href="https://qries.com" target="_blank" rel="noopener">Qries.com</a></p>
  </body>
</html>

Các loại href thường dùng

  • https://example.com — trang web
  • /path/page.html — đường dẫn tương đối
  • #section-id — anchor trong cùng trang
  • mailto:email@example.com — mở email client
  • tel:+84901234567 — gọi điện (mobile)
  • sms:+84901234567 — nhắn tin
  • javascript:void(0) — tránh nhảy trang (dùng JS xử lý)

Bảo mật với target="_blank"

Luôn thêm rel="noopener noreferrer" để ngăn trang mới truy cập window.opener (tấn công tabnabbing).