Ví dụ
Nó được dùng để liên kết tới một style sheet bên ngoài:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Định nghĩa và cách dùng
Thẻ <link> liên kết giữa tài liệu và một tài nguyên bên ngoài.
Thẻ <link> thường được sử dụng để liên kết với style sheets (CSS) bên ngoài.
Trình duyệt hỗ trợ
Khi sử dụng cho style sheets, thẻ <link> được hỗ trợ bởi tất cả các trình duyệt lớn.
Thẻ | Chrome | IE | FireFox | Safari | Opera |
---|---|---|---|---|---|
<link> | Có | Có | Có | Có | Có |
Lưu ý: Thẻ <link> là thẻ rỗng, nó chỉ bao gồm các thuộc tính bên trong.
Lưu ý: Phần tử này phải nằm trong phần <head> của HTML, nhưng bạn có thể lặp lại thoải mái phần tử <link> này (nghĩa là có bao nhiêu thẻ <link> trong <head> cũng được).
Sự khác nhau giữa HTML 4.01 và HTML5
Một số thuộc tính của HTML 4.01 không được hỗ trợ trong HTML5.
Thuộc tính “sizes” là thuộc tính mới trong HTML5.
Sự khác biệt giữa HTML và XHTML
Trong HTML, thẻ <link> không cần thẻ đóng.
Trong XHTML, thẻ <link> phải được đóng đúng cách.
Các thuộc tính
Thuộc tính | Giá trị | Mô tả |
---|---|---|
charset | char_encoding | Không hỗ trợ trong HTML5. Chỉ định kiểu mã hoá ký tự của tài liệu liên kết |
crossorigin | anonymous use-credentials | Chỉ định cách các phần tử xử lý yêu cầu cross-orgin |
href | URL | Chỉ định vị trí của tài liệu liên kết |
hreflang | language_code | Chỉ định ngôn ngữ của văn bản của tài liệu liên kết |
media | media_query | Chỉ định trên thiết bị nào tài liệu liên kết sẽ được hiển thị |
rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Yêu cầu 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
|
rev | reversed relationship | Không còn hỗ trợ trong HTML5. Chỉ định mối quan hệ giữa tài liệu liên kết và tài liệu hiện tại |
sizes | HeightxWidth any | Chỉ định kích cỡ của nguồn liên kết, chỉ áp dụng cho rel=”icon” |
target | _blank _self _top _parent frame_name | Không hỗ trợ trong HTML5. Chỉ định nơi tài liệu liên kết được tải |
type | media_type | Chỉ định kiểu media của tài liệu liên kết |
Thiết lập CSS mặc định
Hầu hết các 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;
}