Thuộc tính href của HTML <base>

Thẻ <base> HTML

Định nghĩa và cách sử dụng

href Thuộc tính này quy định URL cơ sở cho tất cả các URL tương đối trên trang.

Giải thích

Yếu tố base có thể được sử dụng để đặt một URL cơ sở, để phân tích các liên kết tương đối trong tài liệu HTML.

Liên kết tương đối bỏ qua phần thỏa thuận, máy chủ và cổng trong URL, cần phải xác định hình thức hoàn chỉnh của nó dựa trên URL khác (hoặc URL được chỉ định trong base, hoặc URL của tài liệu hiện tại).

href Thuộc tính này xác định URL cơ sở để phân tích các URL tương đối trong phần tài liệu sau.

Mô hình

Ví dụ 1

Đặt URL cơ sở cho tất cả các URL tương đối trên trang:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/"></base>
</head>
<body>
<h1>Thuộc tính base href</h1>
<img src="flower.png" width="60" height="60" alt="tulip">
</body>
</html>

Thử ngay

Giải thích ví dụ

Ví dụ này thiết lập URL cơ sở là https://www.codew3c.com/i/photo/ trong đó www.codew3c.com là tên miền của máy chủ, và /i/photo/ là thư mục trên máy chủ chứa các tệp ảnh.

Trong phần sau của tài liệu có một yếu tố img để tham chiếu hình ảnh, nó sử dụng URL tương đối flower.png. Khi trình duyệt tải hình ảnh, nó sẽ ghép URL cơ sở và URL tương đối thành URL hoàn chỉnh:

https://www.codew3c.com/i/photo/flower.png

Ví dụ 2

Đặt URL cơ sở cho tất cả các URL tương đối trên trang:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>Thuộc tính base href</h1>
<a href="html_basic.asp">Cơ bản HTML</a>
</body>
</html>

Thử ngay

Giải thích ví dụ

Ví dụ này thiết lập URL cơ sở là https://www.codew3c.com/html/ trong đó www.codew3c.com là tên miền của máy chủ, và /html/ là thư mục trên máy chủ chứa các tệp ảnh.

Trong phần sau của tài liệu có một yếu tố a để tạo liên kết, nó sử dụng URL tương đối html_basic.asp. Khi người dùng nhấp vào liên kết này, trình duyệt sẽ ghép URL cơ sở và URL tương đối thành URL hoàn chỉnh:

https://www.codew3c.com/html/html_basic.asp

Lưu ý

Nếu không sử dụng phần tử base hoặc không thiết lập một URL cơ sở bằng thuộc tính href, trình duyệt sẽ coi URL hiện tại của tài liệu là cơ sở để giải thích tất cả các URL tương đối.

Ví dụ, giả sử trình duyệt từ URL này https://www.codew3c.com/js/index.asp tải một tài liệu, tài liệu này có một liên kết sử dụng URL tương đối html_basic.asp, khi nhấp vào liên kết này, trình duyệt sẽ thử tải tài liệu thứ hai từ URL tuyệt đối này https://www.codew3c.com/js/html_basic.asp.

Cú pháp

<base href="URL">

Giá trị thuộc tính

Giá trị Mô tả
URL URL tuyệt đối làm cơ sở cho URL cơ sở (ví dụ: “http://www.example.com/”)

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Thẻ <base> HTML