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

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

鏈接是 HTML 中的一種機(jī)制，它是 HTML 文檔和其它文檔或者資源的連接關(guān)系。鏈接兩種類型：一種是超鏈接型標(biāo)簽，一種是外部資源鏈接。

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

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

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

典型應(yīng)用場景：頁面提供 rss 訂閱時

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

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

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

rel="license"：鏈接到本頁面的版權(quán)信息頁

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

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

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

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

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

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

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

prefetch 型：link 提前取 href 指定的 url 的內(nèi)容

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

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

預(yù)先加載一個 JavaScript 的模塊，這樣能保證 JS 模塊不必等到執(zhí)行時才加載。所謂加載，是指完成下載并放入內(nèi)存，并不會執(zhí)行對應(yīng)的 JavaScript。