?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
在 HTML 中，下面的鏈接類型指示兩個文件，其中一個鏈接到其他使用之間的關(guān)系<a>，<area>或<link>元件。
鏈接類型 | 描述 | 允許在這些元素中 | 不允許在這些元素中使用 |
|---|---|---|---|
備用 | 如果元素是<link>，并且 rel 屬性也包含樣式表類型，則該鏈接定義一個替代樣式表; 在這種情況下，title 屬性必須存在，而不是空字符串。如果類型設(shè)置為 application / rss + xml或application / atom + xml，則鏈接定義聯(lián)合供稿。在頁面上定義的第一個是默認(rèn)的。否則，該鏈接定義了以下其中一種類型的替代頁面：對于另一種媒體（如手持設(shè)備（如果媒體屬性已設(shè)置））以另一種語言（如果設(shè)置了 hreflang 屬性），則以另一種格式 PDF（如果設(shè)置了類型屬性）這些的組合 | <a>，<area>，<link> | 無 |
檔案 | 定義超鏈接指向包含該鏈接的文檔的文檔。例如，博客條目可以通過這種方式鏈接到月度索引頁面。注意：雖然已被識別，但單個存檔不正確，必須予以避免。 | <a>，<area>，<link> | 無 |
作者 | 定義超鏈接到描述作者的頁面或提供聯(lián)系作者的方式。注意：這可能是一個 mailto：超鏈接，但不推薦在公共頁面上使用，因為機(jī)器人收割機(jī)很快會導(dǎo)致大量垃圾郵件被發(fā)送到該地址。在這種情況下，最好導(dǎo)向包含聯(lián)系表單的頁面。盡管可以識別，鏈接類型為的<a>，<area>或<link>元素的rev屬性不正確，應(yīng)該用此鏈接類型的rel屬性替換。 | <a>，<area>，<link> | 無 |
書簽 | 指示超鏈接是最近的父級<article>元素的永久鏈接。如果沒有，則該元素與該元素最密切相關(guān)的部分是永久鏈接。這允許為包含多篇文章的頁面中的單個文章添加書簽，例如每月總結(jié)博客頁面或博客聚合器。 | <a>，<area> | <link> |
典范 | 來自維基百科，自由的百科全書：Canonical_link_element 規(guī)范鏈接元素是一種 HTML 元素，通過將網(wǎng)頁的“規(guī)范”或“首選”版本指定為搜索引擎優(yōu)化的一部分，幫助網(wǎng)站管理員防止重復(fù)的內(nèi)容問題。 | <鏈路> | ??? |
DNS預(yù)取 | 提示瀏覽器需要資源，以便瀏覽器在用戶單擊鏈接之前執(zhí)行DNS查找和協(xié)議握手。 | <鏈路> | <a>，<area> |
外部 | 表示超鏈接導(dǎo)致當(dāng)前頁面的站點之外的資源; 也就是說，下面的鏈接將使用戶離開網(wǎng)站。 | <a>，<area> | <link> |
第一 | 指示超鏈接會導(dǎo)致當(dāng)前頁面所在序列的第一個資源。注意：與鏈接同一序列中的資源相關(guān)的其他鏈接類型為 last，prev，next 。雖然被認(rèn)可，但同義詞開始和開始都是不正確的，必須避免。 | <a>，<area>，<link> | 無 |
幫幫我 | 如果元素是<a>或<區(qū)域>，則表明該超鏈接導(dǎo)致資源對元素的父元素及其后代提供進(jìn)一步的幫助。如果該元素是<link>，則表明該超鏈接導(dǎo)致資源進(jìn)一步幫助整個頁面。 | <a>，<area>，<link> | 無 |
圖標(biāo) | 定義用于在用戶界面中表示頁面的資源，通常是圖標(biāo)（聽覺或視覺）。媒體，類型和尺寸屬性允許瀏覽器為其上下文選擇最合適的圖標(biāo)。如果多個資源匹配，瀏覽器將按樹形順序選擇最后一個聲明。由于這些屬性僅僅是提示，并且在進(jìn)一步檢查時資源可能不合適，因此瀏覽器將在適當(dāng)?shù)那闆r下選擇另一個。注意：與其他移動瀏覽器一樣，Apple 的 iOS 不使用此鏈接類型，也不使用 sizes 屬性來為 Web Clip 或啟動占位符選擇網(wǎng)頁圖標(biāo)。相反，它分別使用非標(biāo)準(zhǔn)的 apple-touch-icon 和 apple-touch-startup-image。快捷鏈接類型通常出現(xiàn)在圖標(biāo)之前，但該鏈接類型不符合要求， | <鏈路> | <a>，<area> |
指數(shù) | 指示該頁面是分層結(jié)構(gòu)的一部分，并且該超鏈接將導(dǎo)致該結(jié)構(gòu)的頂級資源。如果還存在一個或多個上行鏈接類型，則這些向上的數(shù)字表示層次結(jié)構(gòu)中當(dāng)前頁面的深度。 | <a>，<area>，<link> | 無 |
持續(xù) | 表示超鏈接指向當(dāng)前頁面所在序列的最后一個資源。注意：與以相同順序鏈接資源相關(guān)的其他鏈接類型為first，prev，next。雖然被認(rèn)可，但同義詞的結(jié)尾是不正確的，必須避免。 | <a>，<area>，<link> | 無 |
執(zhí)照 | 指示超鏈接導(dǎo)致描述許可信息的文檔。如果不在 <head> 元素中，則標(biāo)準(zhǔn)不會區(qū)分應(yīng)用于文檔的特定部分或作為整體的文檔的超鏈接。只有頁面上的數(shù)據(jù)可以表明這一點。注意：雖然被認(rèn)可，但同義詞版權(quán)不正確，必須避免。 | <a>，<area>，<link> | 無 |
表現(xiàn) | 表示鏈接的文件是 Web 應(yīng)用程序清單。 | <鏈路> | <a>，<area> |
下一個 | 表示超鏈接導(dǎo)致當(dāng)前頁面所在序列的下一個資源。注意：與以相同順序鏈接資源相關(guān)的其他鏈接類型為 first，prev，last 。 | <a>，<area>，<link> | 無 |
nofollow的 | 表示鏈接的文檔沒有被本文的作者認(rèn)可，例如，如果它不能控制它，如果它是一個不好的例子或者兩者之間存在商業(yè)關(guān)系（銷售鏈接）。這種鏈接類型可以被一些使用流行排名技術(shù)的搜索引擎使用。 | <a>，<area> | <link> |
noopener | 指示瀏覽器打開鏈接，而不授予對打開它的文檔的新瀏覽上下文訪問權(quán) - 通過不在打開的窗口上設(shè)置 Window.opener 屬性（它返回 null）。這在打開不受信任的鏈接時特別有用，以確保它們不能通過 Window.opener 屬性篡改原始文檔（請參閱關(guān)于 rel = noopener 以獲取更多詳細(xì)信息），同時仍提供 Referer HTTP 標(biāo)頭（除非使用noreferrer作為好）。請注意，當(dāng)使用 noopener 時，除 _top，_self 和 _parent 以外的非空目標(biāo)名稱在決定是否打開新窗口/選項卡方面均被視為 _blank 。 | <a>，<area> | <link> |
noreferrer | 防止瀏覽器在導(dǎo)航到其他頁面時通過 Referer：HTTP 標(biāo)頭發(fā)送此頁面地址或任何其他值作為 referrer 。（在 Firefox 中，在 Firefox 37 之前，這只能在頁面中找到鏈接，UI 中點擊的鏈接，如通過上下文菜單中的“在新標(biāo)簽中打開”，忽略了這一點）。 | <a>，<area> | <link> |
參照通知 | 如果希望對網(wǎng)頁發(fā)表評論或引用，則定義要調(diào)用的外部資源 URI 。用于進(jìn)行此類調(diào)用的協(xié)議在 Pingback 1.0 規(guī)范中定義。注意：如果 X-Pingback：HTTP 頭也存在，它會用此鏈接類型取代<link>元素。 | <鏈路> | <a>，<area> |
PRECONNECT | 向瀏覽器提供提示，提示它提前打開與鏈接網(wǎng)站的連接，而不透露任何隱私信息或下載任何內(nèi)容，以便在遵循鏈接時更快地獲取鏈接的內(nèi)容。 | <鏈路> | <a>，<area> |
預(yù)取 | 建議瀏覽器提前獲取鏈接的資源，因為它很可能被用戶請求。從 Firefox 44 開始，將 crossorigin 屬性的值考慮在內(nèi)，從而可以進(jìn)行匿名預(yù)取。注意：鏈接預(yù)取 FAQ 詳細(xì)介紹了可以預(yù)取哪些鏈接以及替代方法。 | <a>未實現(xiàn)，<區(qū)域>未實現(xiàn)<link> | 無 |
預(yù)緊 | 指示瀏覽器下載資源，因為此資源在當(dāng)前導(dǎo)航期間稍后需要。有關(guān)更多詳細(xì)信息，請參閱使用rel =“preload”預(yù)加載內(nèi)容。 | <鏈路> | <a>，<area> |
預(yù)渲染 | 建議瀏覽器提前獲取鏈接的資源，并且它還將預(yù)取內(nèi)容呈現(xiàn)在屏幕外，以便在需要時快速呈現(xiàn)給用戶。 | <鏈路> | <a>，<area> |
上一頁 | 指示超鏈接指向當(dāng)前頁面所在序列的上一個資源。注意：您還可以使用下一個關(guān)鍵字指定序列中下一頁的鏈接。雖然被認(rèn)可，但以前的同義詞是不正確的，必須避免。 | <a>，<area>，<link> | 無 |
搜索 | 表示超鏈接引用文檔，該文檔的接口專門用于在本文檔或網(wǎng)站及其資源中進(jìn)行搜索。如果 type 屬性設(shè)置為 application / opensearchdescription + xml，則該資源是一個 OpenSearch 插件，可以輕松添加到某些瀏覽器（如 Firefox 或 Internet Explorer）的界面中。 | <a>，<area>，<link> | 無 |
shortlink | 維基百科，自由的百科全書：縮短網(wǎng)址一些網(wǎng)站創(chuàng)建短鏈接，使通過即時消息的共享鏈接變得更加簡單。 | <鏈路> | ??? |
樣式表 | 定義要用作樣式表的外部資源。如果沒有設(shè)置類型，瀏覽器應(yīng)該認(rèn)為它是一個 text / CSS 樣式表，直到進(jìn)一步檢查。如果與 alternate 關(guān)鍵字結(jié)合使用，它將定義一個替代樣式表; 在這種情況下，title 屬性必須存在，而不是空字符串。 | <鏈路> | <a>，<area> |
側(cè)邊欄 | 表示超鏈接導(dǎo)致資源更適合輔助瀏覽上下文，如側(cè)邊欄。沒有這種上下文的瀏覽器將忽略此關(guān)鍵字。盡管是 HTML 規(guī)范的一部分，但它已從規(guī)范中刪除，并且目前僅由 Firefox 實現(xiàn)。 | <a>，<area>，<link> | 無 |
標(biāo)簽 | 表示超鏈接是指描述適用于此文檔的標(biāo)簽的文檔。注意：不應(yīng)在指向標(biāo)簽云成員的鏈接上設(shè)置此鏈接類型，因為這些鏈接類型不適用于單個文檔，而適用于一組頁面。 | <a>，<area> | <鏈路> |
向上 | 表示該頁面是層次結(jié)構(gòu)的一部分，并且該超鏈接導(dǎo)致該結(jié)構(gòu)的更高級別資源。上行鏈接類型的數(shù)量表示當(dāng)前頁面和鏈接資源之間的深度差異。 | <a>，<area>，<link> | 無 |
如果元素是，
<link>并且該rel屬性也包含該stylesheet類型，則該鏈接將定義一個替代樣式表 ; 在這種情況下，title屬性必須存在，而不是空字符串。如果
type設(shè)置為application/rss+xml或application/atom+xml，則鏈接定義聯(lián)合供稿。在頁面上定義的第一個是默認(rèn)的。否則，鏈接將定義其中一種類型的替代頁面：
對于另一種媒體，如手持設(shè)備（如果
media屬性已設(shè)置）在另一種語言中（如果
hreflang屬性被設(shè)置），以另一種格式，例如 PDF（如果
type屬性被設(shè)置）這些的組合
<a>，<area>，<link> None 。 archives 定義超鏈接指向包含該鏈接的文檔的文檔。例如，博客條目可以通過這種方式鏈接到月度索引頁面。
注意：雖然被識別，但單數(shù)archive不正確，必須避免。 <a>，<area>，<link> 無。 author定義超鏈接到描述作者的頁面或提供聯(lián)系作者的方式。
注意：這可能是一個mailto:超鏈接，但這并不建議在公共頁面上使用，因為機(jī)器人收割機(jī)很快會導(dǎo)致大量垃圾郵件被發(fā)送到該地址。在這種情況下，最好導(dǎo)向包含聯(lián)系表單的頁面。
雖然認(rèn)識到的，rev上屬性<a>，<area>或<link>元件的鏈接類型的made不正確并且應(yīng)當(dāng)由更換rel與該鏈接類型屬性。 <a>，<area>，<link> 無。 bookmark表示超鏈接是最近的祖先元素的永久鏈接<article>。如果沒有，則該元素與該元素最密切相關(guān)的部分是永久鏈接。
這允許為包含多篇文章的頁面中的單個文章添加書簽，例如每月總結(jié)博客頁面或博客聚合器。 <a>，<area> <link> canonical來自維基百科，自由的百科全書：Canonical_link_element
規(guī)范鏈接元素是一種 HTML 元素，通過將網(wǎng)頁的“canonical”或“preferred”版本指定為搜索引擎優(yōu)化的一部分，可幫助網(wǎng)站管理員防止重復(fù)的內(nèi)容問題。<link>??? dns-prefetch 提示瀏覽器需要資源，以便瀏覽器在用戶單擊鏈接之前執(zhí)行 DNS 查找和協(xié)議握手。<link> <a>，<area> external表示超鏈接導(dǎo)致當(dāng)前頁面的站點之外的資源; 也就是說，下面的鏈接將使用戶離開網(wǎng)站。 <a>，<area> <link> first 指示超鏈接導(dǎo)致當(dāng)前頁面所在序列的第一個資源。
注：按相同的順序有關(guān)鏈接資源的其它鏈接類型last，prev，next。
雖然承認(rèn)，同義詞begin和start是不正確的，必須加以避免。 <a>，<area>，<link> None 。 help
如果元素是
<a>或<area>，則表示該超鏈接導(dǎo)致資源給予該元素的父代及其后代的進(jìn)一步幫助。如果該元素
<link>表示該超鏈接導(dǎo)致資源進(jìn)一步幫助整個頁面。
<a>，<area>，<link> None 。 icon定義用于在用戶界面中表示頁面的資源，通常是圖標(biāo)（聽覺或視覺）。
media，type和sizes屬性讓瀏覽器選擇其上下文最合適的圖標(biāo)。如果多個資源匹配，瀏覽器將按樹形順序選擇最后一個聲明。由于這些屬性僅僅是提示，并且在進(jìn)一步檢查時資源可能不合適，因此瀏覽器將在適當(dāng)?shù)那闆r下選擇另一個。
注意： Apple 的 iOS 不使用此鏈接類型，sizes也是，不像其他移動瀏覽器那樣使用此屬性來為Web Clip或啟動占位符選擇網(wǎng)頁圖標(biāo)。相反，它分別使用非標(biāo)準(zhǔn) apple-touch-icon 和 apple-touch-startup-image 。
shortcut鏈接類型通常見過icon，但這種鏈路類型為不合格，忽略網(wǎng)頁制作者不能再使用它。<link> <a>，<area> index 表示該頁面是層次結(jié)構(gòu)的一部分，并且該超鏈接將導(dǎo)致該結(jié)構(gòu)的頂級資源。
如果up還存在一個或多個鏈接類型，則它們的數(shù)量up指示層次結(jié)構(gòu)中當(dāng)前頁面的深度。 <a>，<area>，<link> None 。 last 指示超鏈接會導(dǎo)致當(dāng)前頁面所在序列的最后一個資源。
注：按相同的順序有關(guān)鏈接資源的其它鏈接類型first，prev，next。
雖然被認(rèn)可，但同義詞end是不正確的，必須避免。 <a>，<area>，<link> None 。 license指示超鏈接導(dǎo)致描述許可信息的文檔。如果不在<head>元素內(nèi)部，則標(biāo)準(zhǔn)不區(qū)分適用于文檔的特定部分或作為整體的文檔的超鏈接。只有頁面上的數(shù)據(jù)可以表明這一點。
注意：雖然被識別，但同義詞copyright不正確，必須避免。 <a>，<area>，<link> None 。 manifest指示鏈接的文件是Web應(yīng)用程序清單。<link> <a>，<area> next指示超鏈接導(dǎo)致當(dāng)前頁面所在序列的下一個資源。
注：按相同的順序有關(guān)鏈接資源的其它鏈接類型first，prev，last。 <a>，<area>，<link> 無。 nofollow表示鏈接的文檔沒有被本文的作者認(rèn)可，例如，如果它不能控制它，如果它是一個不好的例子或者兩者之間存在商業(yè)關(guān)系（銷售鏈接）。這種鏈接類型可以被一些使用流行排名技術(shù)的搜索引擎使用。 <a>，<area> <link> noopener 指示瀏覽器打開鏈接，而不授予打開它的文檔的新瀏覽器上下文的訪問-通過不設(shè)置Window.opener打開的窗口中（它返回財產(chǎn)null）。
這在打開不受信任的鏈接時特別有用，以確保它們不會通過Window.opener屬性篡改源文檔（有關(guān)更多詳細(xì)信息，請參閱關(guān)于rel = noopener），同時仍提供RefererHTTP標(biāo)頭（除非noreferrer已被使用）。
請注意，在noopener使用時，除了_top，，_self和以外的非空目標(biāo)名稱_parent都將_blank按照決定是否打開新窗口/選項卡的方式進(jìn)行處理。
<a>，<area> <link> noreferrer 當(dāng)瀏覽到其他頁面時，阻止瀏覽器通過Referer: HTTP 標(biāo)頭將此頁面地址或任何其他值作為引用來發(fā)送。
（在 Firefox 中，在 Firefox 37 之前，這只能在頁面中找到鏈接，UI 中點擊的鏈接，如通過上下文菜單中的“在新標(biāo)簽中打開”，忽略了這一點）。
<a>，<area> <link> pingback如果希望對網(wǎng)頁發(fā)表評論或引用，則定義要調(diào)用的外部資源 URI 。用于進(jìn)行此類調(diào)用的協(xié)議在 Pingback 1.0 規(guī)范中定義。
注意：如果X-Pingback:HTTP 頭也存在，它將取代<link>具有此鏈接類型的元素。<link> <a>，<area> preconnect 向瀏覽器提示提示，它提前打開與鏈接網(wǎng)站的連接，而不公開任何私人信息或下載任何內(nèi)容，以便當(dāng)鏈接被遵循時，可以更快地獲取鏈接的內(nèi)容。<link> <a>，<area> prefetch建議瀏覽器提前獲取鏈接的資源，因為它很可能被用戶請求。從 Firefox 44 開始，將crossorigin考慮屬性的值，從而可以進(jìn)行匿名預(yù)取。
注：該鏈接預(yù)取常見問題有哪些鏈接可以預(yù)取的詳細(xì)信息和替代方法。 <a>未實現(xiàn)，
<area> 未實現(xiàn)，
<link> None 。 preload指示瀏覽器下載資源，因為此資源在當(dāng)前導(dǎo)航期間稍后需要。有關(guān)更多詳細(xì)信息，請參閱使用rel =“preload”預(yù)加載內(nèi)容。<link> <a>，<area> prerender 建議瀏覽器提前獲取鏈接的資源，并且它還將預(yù)取內(nèi)容呈現(xiàn)在屏幕外，以便在需要時快速呈現(xiàn)給用戶。<link> <a>，<area> prev表示超鏈接指向當(dāng)前頁面所在序列的前一個資源。
注意：您也可以使用next關(guān)鍵字指定序列中下一頁的鏈接。
雖然被認(rèn)可，但同義詞previous是不正確的，必須避免。 <a>，<area>，<link> None 。 search表示超鏈接引用文檔，該文檔的接口專門用于在本文檔或網(wǎng)站及其資源中進(jìn)行搜索。
如果該type屬性設(shè)置為application/opensearchdescription+xml資源，則可以將 OpenSearch 插件輕松添加到某些瀏覽器（如 Firefox 或 Internet Explorer）的界面中。 <a>，<area>，<link> None 。 shortlink維基百科，自由的百科全書：URL 縮短
一些網(wǎng)站創(chuàng)建簡短的鏈接，使通過即時消息的共享鏈接更容易。<link>??? stylesheet定義要用作樣式表的外部資源。如果type沒有設(shè)置，瀏覽器應(yīng)該認(rèn)為它是一個text/css樣式表，直到進(jìn)一步檢查。
如果與alternate關(guān)鍵字結(jié)合使用，它將定義一個替代樣式表 ; 在這種情況下，title屬性必須存在，而不是空字符串。<link> <a>，<area> sidebar 表示超鏈接導(dǎo)致資源更適合輔助瀏覽上下文，如側(cè)邊欄。沒有這種上下文的瀏覽器將忽略此關(guān)鍵字。
盡管是 HTML 規(guī)范的一部分，但它已從規(guī)范中刪除，并且目前僅由 Firefox 實現(xiàn)。 <a>，<area>，<link> None 。 tag表示超鏈接是指描述適用于此文檔的標(biāo)簽的文檔。
注意：不應(yīng)在指向標(biāo)簽云成員的鏈接上設(shè)置此鏈接類型，因為這些鏈接類型不適用于單個文檔，而是適用于一組頁面。 <a>，<area> <link> up 表示該頁面是層次結(jié)構(gòu)的一部分，并且該超鏈接導(dǎo)致該結(jié)構(gòu)的更高級別資源。
up鏈接類型的數(shù)量表示當(dāng)前頁面和鏈接資源之間的深度差異。 <a>，<area>，<link> 無。
規(guī)范
規(guī)范 | 狀態(tài) | 評論 |
|---|---|---|
預(yù)加載該規(guī)范中“預(yù)加載”的定義。 | 工作草案 | 增加了預(yù)加載。 |
資源提示該規(guī)范中'preconnect'的定義。 | 工作草案 | 新增了dns-prefetch，preconnect和prerender值。 |
HTML生活標(biāo)準(zhǔn)該規(guī)范中'<link>'的定義。 | 生活水平 | 自上次快照以來沒有變化（HTML生活標(biāo)準(zhǔn)） |
HTML5該規(guī)范中'<link>'的定義。 | 建議 | 添加標(biāo)簽，樣式表，搜索，prev，prefetch，noreferrer，nofollow，下一個，許可證，圖標(biāo)，幫助，書簽，作者和備用。 |
HTML 4.01規(guī)范該規(guī)范中'<link>'的定義。 | 建議 |
瀏覽器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
Alternative stylesheets | ? | 3.0 (1.9) | ? | (Yes) | ? |
prefetch | ? | ? | ? | ? | ? |
prerender | ? | No support4 | ? | ? | ? |
preconnect | 46 | 39 (39)1 | No support | ? | No support |
dns-prefetch | 46 | 3.0 (1.9) | ? | ? | ? |
preload | 50.0 | 56 (56)3 | ? | (Yes) | (Yes) |
noopener | 49.0 | 52 (52) | ? | 36 | ? |
manifest | No support2 |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) | (Yes) |
Alternative stylesheets | ? | ? | 4.0 (2.0) | ? | ? | ? | ? |
prefetch | No support | ? | ? | ? | ? | ? | ? |
prerender | ? | ? | No support4 | ? | ? | ? | ? |
preconnect | 46 | ? | 39.0 (39) | ? | ? | ? | 42.01 |
dns-prefetch | 46 | ? | 1.0 (1.9) | ? | ? | ? | (Yes) |
preload | No support | 50.0 | 56.0 (56)3 | ? | (Yes) | ? | 50.0 |
noopener | No support | 49.0 | ? | ? | 32 | ? | 49.0 |
manifest | No support | 39.0 | 39.0 |