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 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;
}



  • 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!