Cách thêm URL cơ sở (base URL) cho tất cả liên kết trong trang HTML

Thẻ <base> đặt trong <head> chỉ định URL cơ sở cho tất cả URL tương đối (relative URLs) trong trang: link, ảnh, script, style, form action, v.v.

Ví dụ minh họa

Đặt base href = "https://www.example.com/". Ảnh src="/images/logo.png" sẽ resolve thành https://www.example.com/images/logo.png.

<!DOCTYPE html>
<html>
<head>
  <title>HTML base Tag</title>
  <base href="https://www.example.com/" />
</head>
<body>
  Example.com <img src="/images/banner_logo.png" alt="Logo" />
</body>
</html>

Lưu ý quan trọng

• Chỉ được một <base> mỗi trang, phải ở trong <head>.
• Ảnh hưởng đến: <a href>, <img src>, <link href>, <script src>, <form action>, <iframe src>.
• Link tuyệt đối (https://...) không bị ảnh hưởng.
• Anchor link href="#section" resolve theo base URL – có thể gây nhầm lẫn.
• Mở link trong tab mới: target="_blank" vẫn hoạt động bình thường.

Khi nào nên dùng?

• Triển khai cùng codebase cho nhiều domain/subdomain.
• Single Page App (SPA) deploy ở subpath (/app/) – đặt <base href="/app/">.
• Tránh dùng nếu có thể – làm khó debug, SEO, và caching.