Thẻ <link> dùng để định nghĩa mối quan hệ với tài nguyên bên ngoài. Phổ biến nhất là liên kết file CSS external. Thẻ này đặt bên trong <head>...</head> và không có thẻ đóng.
Thuộc tính href chỉ định đường dẫn đến file CSS. Thuộc tính rel="stylesheet" báo cho trình duyệt biết đây là file định dạng.
Ví dụ: HTML liên kết file mystyles.css
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyles.css">
</head>
<body>
<h1>Tiêu đề</h1>
<p>Đây là nội dung demo.</p>
</body>
</html>
Nội dung file mystyles.css
h1 { color: green; }
p { font-size: 14px; }
Các thuộc tính phổ biến của <link>:
| Thuộc tính | Mô tả |
|---|---|
| rel | Mối quan hệ: stylesheet, icon, preload, v.v. |
| href | URL của tài nguyên. |
| type | MIME type (VD: text/css). |
| media | Media query (VD: screen, print). |
| crossorigin | CORS setting cho resource bên ngoài. |
Mẹo: Đặt <link rel="stylesheet"> trong <head> để CSS tải sớm, tránh hiện tượng "flash of unstyled content" (FOUC).