HTML <link> thuộc tính rel

Thẻ <link> HTML

Định nghĩa và cách sử dụng

Bắt buộc rel Thuộc tính xác định mối quan hệ giữa tài liệu hiện tại và tài liệu/ tài nguyên được liên kết.

Thực例

Ví dụ 1

Nhập bảng định dạng外部:

<link rel="stylesheet" href="styles.css">

Thử ngay hôm nay

Ví dụ 2

Dưới đây là cách thêm biểu tượng trang web vào trang web:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Cú pháp

<link rel="value">

Giá trị thuộc tính

Giá trị Mô tả
alternate

Cung cấp liên kết đến biểu diễn thay thế của tài liệu (ví dụ như trang in, dịch hoặc bản sao).

Ví dụ: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Cung cấp liên kết đến tác giả của tài liệu.
dns-prefetch Định nghĩa rằng trình duyệt nên抢先 thực hiện phân tích DNS của nguồn chứa tài nguyên mục tiêu.
help

Cung cấp liên kết đến tài liệu trợ giúp.

Ví dụ: <link rel="help" href="/help/">
icon

Nhập biểu tượng biểu diễn tài liệu.

Ví dụ: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Cung cấp liên kết đến thông tin bản quyền của tài liệu.
next Cung cấp liên kết đến tài liệu tiếp theo trong loạt tài liệu.
pingback Cung cấp địa chỉ của máy chủ pingback xử lý pingback hiện tại của tài liệu.
preconnect Điều chỉnh trình duyệt nên抢先 kết nối với nguồn của tài nguyên mục tiêu.
prefetch Điều chỉnh trình duyệt nên抢先 tải và lưu trữ tài nguyên mục tiêu, vì nó có thể được sử dụng trong việc điều hướng sau này.
preload Điều chỉnh trình duyệt đại lý nên抢先 tải và lưu trữ tài nguyên mục tiêu dựa trên địa điểm được cung cấp bởi thuộc tính “as” (và mức độ ưu tiên liên quan đến địa điểm đó).
prerender

Điều chỉnh trình duyệt nên tiền render (tải trước) trang web được chỉ định.

Nếu người dùng điều hướng đến trang này, nó sẽ tăng tốc độ tải trang (vì trang đã được tải trước).

Cảnh báo! Điều này sẽ tiêu tốn băng thông của người dùng! Chỉ sử dụng tiền渲染 (đã tải trước) khi bạn hoàn toàn chắc chắn rằng trang web này là cần thiết vào một thời điểm nào đó trong quá trình duyệt web của người dùng.
prev Chỉ ra rằng tệp này là một phần của một loạt và tệp trước đó trong loạt là tệp được tham chiếu.
search Cung cấp liên kết đến tài nguyên có thể được sử dụng để tìm kiếm tài liệu hiện tại và các trang liên quan.
stylesheet Đưa vào bảng phong cách.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Thẻ <link> HTML