Thẻ <link> HTML

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

<link> Thẻ định nghĩa mối quan hệ giữa tài liệu hiện tại và tài nguyên bên ngoài.

<link> Thẻ thường được sử dụng để liên kết đến bảng phong cách bên ngoài hoặc thêm biểu tượng vào trang web.

<link> Phần tử là phần tử trống, nó chỉ chứa thuộc tính.

Xin xem thêm:

Hướng dẫn HTMLPhong cách HTML

Hướng dẫn HTML DOMĐối tượng Link

Mô hình

Liên kết đến bảng phong cách bên ngoài:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

Thử ngay

Thuộc tính

Thuộc tính Giá trị Mô tả
crossorigin
  • anonymous
  • use-credentials
 Định nghĩa cách xử lý yêu cầu nguồn khác nhau của phần tử.
href URL Định nghĩa vị trí của tài liệu được liên kết.
hreflang Mã âm thanh Định nghĩa ngôn ngữ văn bản của tài liệu được liên kết.
media Truy vấn phương tiện Định nghĩa tài liệu được liên kết sẽ hiển thị trên thiết bị nào.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
 Định nghĩa người tham chiếu nào sẽ được sử dụng để truy cập tài nguyên.
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
 Bắt buộc. Định nghĩa mối quan hệ giữa tài liệu hiện tại và tài liệu được liên kết.
sizes
  • HeightxWidth
  • any
 Định nghĩa kích thước của tài nguyên được liên kết. Chỉ áp dụng cho rel="icon".
title Định nghĩa bảng style ưu tiên hoặc thay thế.
type Loại phương tiện Định nghĩa loại phương tiện của tài liệu được liên kết.

Thuộc tính toàn cục

<link> Nhãn cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<link> Nhãn cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ sử dụng giá trị mặc định sau để hiển thị <link> Thành phần:

link {
  display: none;
}

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ợ