Thẻ HTML <link>

Định nghĩa và cách sử dụng thẻ <link>

Thẻ <link> xác định mối quan hệ giữa tài liệu hiện tại và tài nguyên bên ngoài. Ví dụ sau liên kết đến một biểu định kiểu bên ngoài:

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

Thẻ <link> thường được sử dụng nhất để liên kết tới biểu định kiểu bên ngoài hoặc để thêm biểu tượng yêu thích vào trang web của bạn.

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

Hỗ trợ trình duyệt

Phần tử <link>	Google Chrome	MS Edge	Firefox	Safari	Opera
Phần tử <link>	Có	Có	Có	Có	Có

Các thuộc tính

Thuộc tính	Giá trị	Mô tả
crossorigin	anonymous use-credentials	Chỉ định cách phần tử xử lý các yêu cầu nguồn gốc chéo
href	URL	Chỉ định vị trí của tài liệu được liên kết
hreflang	language_code	Chỉ định ngôn ngữ của văn bản trong tài liệu được liên kết
media	media_query	Chỉ định tài liệu được liên kết sẽ được hiển thị trên thiết bị nào
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url	Chỉ định nguồn nào sẽ sử dụng khi tìm nạ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. Chỉ định 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	Chỉ định kích thước của tài nguyên được liên kết. Chỉ dành cho rel="icon"
title		Xác định biểu định kiểu ưa thích hoặc thay thế
type	media_type	Chỉ định loại media của tài liệu được liên kết

Thuộc tính Global

Thẻ <link> cũng hỗ trợ các thuộc tính Global trong HTML.

Thuộc tính sự kiện

Thẻ <link> cũng hỗ trợ thuộc tính sự kiện trong HTML.

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

Hầu hết mọi trình duyệt sẽ hiển thị phần tử <link> với các giá trị mặc định sau:

link {
  display: none;
}

Thứ Ba, 24/01/2023 13:30

5 ★ 2 👨 568

Bài trước

Thẻ <li>

Bài sau

Thẻ <main>

Bạn nên đọc

Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!