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 |
---|---|---|---|---|---|
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;
}
345
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Top 8 ứng dụng học tiếng Anh hàng đầu trên Android và iOS
Hôm qua -
Che trở hay che chở đúng chính tả?
Hôm qua -
Code Tru Tiên Thanh Vân Chí và các sự kiện nhận giftcode
Hôm qua -
Căn chỉnh - Align trong CSS
Hôm qua -
Xoay sở hay xoay xở mới đúng chính tả? Có đến 90% người dùng bị sai
Hôm qua -
Code Party Nốt Nhạc Ngôi Sao Rực Rỡ mới nhất và cách nhập code
Hôm qua 2 -
Tổng hợp code Animiya AFK Epic Battles mới nhất
Hôm qua -
Tìm hiểu về mã lỗi 0xc00000e và cách khắc phục
Hôm qua 1 -
Cách thiết kế tờ rơi quảng cáo trong Word
Hôm qua -
Mệnh đề HAVING trong SQL Server
Hôm qua