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;
}
Chủ đề Tương tự
- Tags:
Không có đánh giá nào.
Viết một đánh giá.
Để bình luận vui lòng Đăng nhập tài khoản ! hoặcĐăng ký mới!