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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dns-prefetch 型：link 提前對(duì)一個(gè)域名做 dns 查詢

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

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

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

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

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