摘要：二標簽超鏈接型標簽超鏈接型標簽是一種被動型鏈接。四標簽與標簽非常相似，不同的是，它不是文本型的鏈接，而是區域型的鏈接。是整個規則中唯一支持非矩形熱區的標簽。

重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯系我，郵箱：kaimo313@foxmail.com。

鏈接是 HTML 中的一種機制，它是 HTML 文檔和其它文檔或者資源的連接關系。鏈接兩種類型：一種是超鏈接型標簽，一種是外部資源鏈接。

超鏈接型 link 標簽是一種被動型鏈接。link 標簽具有特定的 rel 屬性，會成為特定類型的 link 標簽。

提示頁面它的主 URL，在網站中常常有多個 URL 指向同一頁面的情況，搜索引擎訪問這類頁面時會去掉重復的頁面，這個 link 會提示搜索引擎保留哪一個 URL。

提示頁面它的變形形式，就是當前頁面內容的不同格式、不同語言或者為不同的設備設計的版本，也可以提供給搜索引擎來使用的。

典型應用場景：頁面提供 rss 訂閱時

用來告訴搜索引擎或者瀏覽器它的前一項和后一項，這有助于頁面的批量展示。

rel="author"：鏈接到本頁面的作者，一般是 mailto: 協議

rel="help"：鏈接到本頁面的幫助頁

rel="license"：鏈接到本頁面的版權信息頁

rel="search"：鏈接到本頁面的搜索頁面（一般是站內提供搜索時使用）

外部資源型 link 標簽會被主動下載，并且根據 rel 類型做不同的處理。

唯一一個外部資源類的元信息 link，其它元信息類 link 都是超鏈接，icon 型 link 中的圖標地址默認會被瀏覽器下載和使用。

注意：多數瀏覽器會使用域名根目錄下的 favicon.ico，即使它并不存在，從性能的角度考慮，建議頁面中有 icon 型的 link。

預處理類 link 標簽就是允許我們控制瀏覽器，提前針對一些資源去做這些操作，以提高性能（亂用性能反而更差）。

dns-prefetch 型：link 提前對一個域名做 dns 查詢

preconnect 型：link 提前對一個服務器建立 tcp 連接

prefetch 型：link 提前取 href 指定的 url 的內容

preload 型：link 提前加載 href 指定的 url

prerender 型：link 提前渲染 href 指定的 url

預先加載一個 JavaScript 的模塊，這樣能保證 JS 模塊不必等到執行時才加載。所謂加載，是指完成下載并放入內存，并不會執行對應的 JavaScript。