HTML <link> rel 属性

Tanda <link> HTML

定义和用法

必需的 rel 属性指定当前文档和被链接文档/资源之间的关系。

实例

例子 1

导入外部样式表：

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

亲自试一试

例子 2

以下是将网站图标添加到网站的方法：

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

语法

<link rel="value">

属性值

值 描述
alternate

提供指向文档替代表示的链接（例如打印页面、翻译或镜像）。

例子：<link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author 提供文档作者的链接。
dns-prefetch 规定浏览器应该抢先执行目标资源所在源的 DNS 解析。
help

提供指向帮助文档的链接。

例子：<link rel="help" href="/help/">
icon

导入表示文档的图标。

例子：<link rel="icon" href="favicon.ico" type="image/x-icon">
license 提供文档版权信息的链接。
next 提供指向系列中下一篇文档的链接。
pingback 提供处理对当前文档的 pingback 的 pingback 服务器的地址。
preconnect Tentukan pereka pelayar untuk mendahului sumber objektif sumber objektif tujuan.
prefetch Tentukan pereka pelayar untuk mendahului dan menyimpan sumber objektif tujuan, kerana ia mungkin digunakan dalam navigasi yang akan datang.
preload Tentukan perwakilan pereka pelayar harus mengambil dan menyimpan sumber objektif yang ditentukan oleh sifat 'as' (dan prioriti yang berhubungan dengan destinasi itu), untuk mendahului dan menyimpan sumber objektif tujuan navigasi semasa.
prerender

Tentukan pereka pelayar untuk meng-pre-render (memuatkan) halaman yang ditentukan di latar belakang.

Jika pengguna navigasi ke halaman ini, ia akan mempertingkatkan kelajuan pemuat halaman (kerana halaman sudah dimuatkan).

Amaran! Ini akan habiskan lebar pita pengguna! Gunakan pre-render hanya jika anda pasti bahawa halaman web ini adalah penting pada masa tertentu semasa proses pelayaran pengguna.
prev Menunjukkan bahawa dokumen ini adalah sebahagian daripada siri, dan dokumen sebelumnya dalam siri ini adalah dokumen yang diambil rujukan.
search Menyediakan pautan ke sumber yang boleh digunakan untuk cari dokumen semasa dan laman yang berkaitan.
stylesheet Import stylesheet.

Dukungan pereka pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Tanda <link> HTML