<link> 標籤定義文檔與外部資源之間的關係，該元素是空元素，它僅包含屬性。且該元素只能位於head 部分，但可以出現任何次數。
而<link>的rel屬性規定當前文檔與被鏈接文檔/資源之間的關係。只有當使用href屬性時，才能使用rel屬性。
（1）語法
<link rel="value">
（2）屬性值
| 值 | 描述 |
|---|---|
alternate |
提供指向文檔備用版本的鏈接（即打印頁面，已翻譯或鏡像）。 例如: <link rel="alternate" type="application/atom+xml" title="JC2182 News" href="/blog/news/atom"> |
author |
提供指向文檔作者的鏈接。 |
help |
提供指向幫助文檔的鏈接。 例如: <link rel="help" href="/help/"> |
icon |
導入表示該文檔的圖標。 例如: <link rel="icon" href="/favicon.ico" type="image/x-icon"> |
license |
提供文檔版權信息的鏈接。 |
prev |
表示該文檔是集合中的一部分，提供指向集合中上一個文檔的鏈接。 |
next |
表示該文檔是集合中的一部分，提供指向集合中下一個文檔的鏈接。 |
search |
鏈接到針對文檔的搜索工具。 |
dns-prefetch |
指定瀏覽器應搶先執行目標資源源的DNS解析。 |
preconnect |
指定瀏覽器應搶先連接到目標資源的源。 |
prefetch |
規定應該對目標資源進行緩存。 |
preload |
指明哪些資源是在頁面加載完成後即刻需要的。 |
stylesheet |
要導入的樣式表的 URL。 |
（3）preload VS prefetch
| preload | Prefetch | |
|---|---|---|
| 語法 | <link rel="preload" href="bg-image-narrow.png"> |
<link rel="prefetch" href="bg-image-narrow.png" /> |
| 適用場景 | 本頁面接下來大概率要使用的資源 | 下個頁面的資源。下個頁面很可能會去訪問 |
| 瀏覽器支持情況 | 一般 | 較高 |
| 加載時間 | 立即加載（一般而言，跟as有關） | 瀏覽器閒置的時候纔會加載（一般而言） |