MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Link types

HTML では、次のリンクタイプは <a><area><link> 要素を用いてリンクされた 2 つの文章の間の関係を示します。

HTML で定義されたリンクタイプとその意味のリスト
リンクタイプ 記述 許可された要素 許可されていない要素
alternate
  • <link> 要素で rel 属性が stylesheet である場合は、代替スタイルシート を定義します。この場合は title 属性が必須であり、空文字列にすることはできません。
  • type 属性を application/rss+xml または application/atom+xml に設定した場合は、シンジケーションフィード を定義します。ページ内で最初に定義したものがデフォルトになります。
  • 上記以外の場合は、以下のいずれかの代替ページを定義します:
    • 携帯端末など、別の媒体向け (media 属性を設定した場合)
    • 別の言語 (hreflang 属性を設定した場合)
    • PDF など、別のフォーマット (type 属性を設定した場合)
    • これらを組み合わせたもの
<a>, <area>, <link> なし
archives 当該ドキュメントのアーカイブリンクを含むドキュメントへのハイパーリンクを定義します。例えばブログ記事はこの方法を使用して、月別の目次へリンクできます。

注記: 単数形の archive も認識されますが、誤りですので使用してはいけません。
<a>, <area>, <link> なし
author 作者について説明するページへのハイパーリンク、または作者への連絡方法を定義します。

注記: これを mailto: ハイパーリンクにすることがありますが、早々にロボットが収集して大量のスパムが送信されてしまうため推奨しません。連絡フォームを設置したページに誘導するとよいでしょう。

<a><area><link> 要素の rev 属性でリンクタイプ made を設定した場合も認識されますが、誤りですので rel 属性にこのリンクタイプを設定したものに置き換えてください。
<a>, <area>, <link> なし
bookmark ハイパーリンクが、もっとも近い祖先 <article> 要素への パーマリンク であることを示します。<article> 要素が存在しない場合は、もっとも密接に結びつけられた セクション へのパーマリンクになります。

月ごとのブログ記事一覧やブログアグリゲーターなど複数の記事を含むページで、単独の記事をブックマークすることができます。
<a>, <area> <link>
dns-prefetch ユーザーがリンクをクリックする前に DNS 問い合わせやプロトコルのハンドシェイクを行うことをブラウザーが許可する必要があるリソースであることを、ブラウザーにヒントとして提供します。 <link> <a>, <area>
external ページが存在するサイトの外部にあるリソースへのハイパーリンクであることを示します。つまり、現在のサイトから離れるリンクです。 <a>, <area> <link>
first 現在のページが属する一連のリソース群で、最初のリソースへ移動するリンクであることを示します。

注記: 一連のリソースへのリンクに関するリンクタイプとして、この他に lastprevnext があります。

同義語である beginstart も認識されますが、誤りですので使用してはいけません。
<a>, <area>, <link> なし
help
  • <a> および <area> 要素では、親要素およびその子孫要素について詳細なヘルプを提供するリソースへのリンクであることを示します。
  • <link> 要素では、ページ全体について詳細なヘルプを提供するリソースへのリンクであることを示します。
<a>, <area>, <link> なし
icon ユーザーインターフェイス上でページを表すリソースを定義します。通常は (聴覚的あるいは視覚的な) アイコンです。

mediatypesizes 属性を使用すると、ブラウザーが状況に応じてもっとも適切なアイコンを選択できます。複数のリソースが該当する場合は、ツリー順で最後に宣言されたものを選択するでしょう。これらの属性は単なるヒントであり、またさらなる調査によりリソースが不適切になる可能性もありますので、ブラウザーは適切であれば別のリソースを選択することがあります。

注記: Apple の iOS は他のモバイルブラウザと同様に、ウェブクリップやスタートアッププレースホルダ用のウェブページアイコンを選択する際に、このリンクタイプや sizes 属性を使用しません。代わりに、非標準の apple-touch-icon および apple-touch-startup-image を使用します。

icon より以前はリンクタイプ shortcut がよく使用されていましたが、これは非準拠で無視されますので Web 作者は今後使用してはいけません
<link> <a>, <area>
index 当該ページは階層構造を持つ文書群の一部であり、階層のトップレベルのリソースへのハイパーリンクであることを示します。

1 個以上の up リンクタイプも提示した場合は、階層内における当該ページの深さを up の数で示します。
<a>, <area>, <link> なし
last 現在のページが属する一連のリソース群で、最後のリソースへ移動するリンクであることを示します。

注記: 一連のリソースへのリンクに関するリンクタイプとして、この他に firstprevnext があります。

同義語である end も認識されますが、誤りですので使用してはいけません。
<a>, <area>, <link> なし
license ライセンス情報を説明するドキュメントへ誘導するハイパーリンクを定義します。<head> 要素内に配置しない場合に、ドキュメント内の一部に適用するかドキュメント全体にするかの区別は標準化されていません。ページ上のデータだけが、ライセンスを示すことができます。

注記: 同義語の copyright も認識されますが、誤りですので使用してはいけません。
<a>, <area>, <link> なし
manifest リンクしたファイルが Web App Manifest であることを示します。 <link> <a>, <area>
next 現在のページが属する一連のリソース群で、のリソースへ移動するリンクであることを示します。

注記: 一連のリソースへのリンクに関するリンクタイプとして、この他に firstprevlast があります。
<a>, <area>, <link> なし
nofollow リンク先のドキュメントは、リンク元ページの作者が推薦するものではないことを示します。例えば作者が管理しているものではない、悪い例である、あるいは二者間に営利関係がある (販売用のリンク) などです。このリンクタイプは、人気ランキングの測定技術として検索エンジンが使用するかもしれません。 <a>, <area> <link>
noopener

新たに開いたウィンドウで Window.opener プロパティを設定しないことにより (null を返します)、新しいブラウジングコンテキストが自身を開いたドキュメントへアクセスできない形でリンクを開くよう、ブラウザーに指示します。

これは信頼できないリンクを開く際、Window.opener プロパティでリンク元のドキュメントを変更できないようにするために特に役に立つリンクタイプです。ただし、(noreferrer を使用しない限り) Referer HTTP ヘッダーは提供します。

noopener を使用するときは _top_self_parent 以外の空文字列ではないターゲット名がすべて、新しいウィンドウやタブを開くかという観点で、_blank であるように扱われます。

<a>, <area> <link>
noreferrer

別のページへ移動する際にリンク元ページのアドレスなどの値を、ブラウザーが Referer: HTTP ヘッダーでリファラーとして送信しないようにします。
(Firefox は 37 より前のバージョンで、これがページ上のリンクでしか機能しませんでした。コンテキストメニューの [リンクを新しいタブで開く] などの UI でリンクをたどった場合は、無視していました)

<a>, <area> <link>
pingback ウェブページについてコメントや引用を行う際に呼び出すための、外部リソース URI を定義します。このような呼び出しで使用するプロトコルは、Pingback 1.0 仕様で定義しています。

注記: X-Pingback: HTTP ヘッダーも提供する場合は、HTTP ヘッダーが <link> 要素より優先します。
<link> <a>, <area>
preconnect 個人情報の開示やコンテンツのダウンロードを行わない形で、事前にリンク先のウェブサイトへの接続を開くようブラウザーに提案するヒントを提供します。これにより、リンクをたどるときにより早く読み込むことができます。 <link> <a>, <area>
prefetch ユーザーが要求すると思われるため、リンク先のリソースを事前に読み込むようブラウザーに提案します。Firefox 44 より crossorigin 属性の値を考慮して、匿名のプリフェッチを可能にします。

注記: どのようなリンクをプリフェッチできるかや代替手段について、Link Prefetch FAQ に詳しく掲載しています。
<a> 未実装,
<area> 未実装,
<link>
なし
preload 現在のナビゲーション中に後で必要になるため、リソースをダウンロードするようブラウザーに伝えます。 <link> <a>, <area>
prerender 事前にリンク先のリソースを読み込んでオフスクリーンでレンダリングしておくよう、ブラウザーに提案します。これにより、ユーザーがコンテンツを必要とするときにすばやく提供できます。 <link> <a>, <area>
prev 現在のページが属する一連のリソース群で、のリソースへ移動するリンクであることを示します。

注記: 一連のリソース内で次のページへのリンクを指定するキーワードである next も使用できます。

同義語である previous も認識されますが、誤りですので使用してはいけません。
<a>, <area>, <link> なし
search ドキュメント、サイト、サイト内のリソースの検索に特化したインターフェイスを持つドキュメントへのハイパーリンクであることを示します。

type 属性を application/opensearchdescription+xml に設定したリソースは、Firefox や Internet Explore などのインターフェイスへ簡単に追加できる OpenSearch プラグイン になります。
<a>, <area>, <link> なし
stylesheet スタイルシートとして使用する外部リソースを定義します。type を設定しない場合は、ブラウザーはさらなる調査を行うまで、text/css スタイルシートであるとみなします。

キーワード alternate と組み合わせて使用すると、代替スタイルシート を定義できます。この場合は title 属性が必須であり、空文字列にすることはできません。
<link> <a>, <area>
sidebar サイドバーなど、副次的なブラウジングコンテキストに適したリソースへのハイパーリンクであることを示します。副次的なコンテキストを持たないブラウザーは、このキーワードを無視します。

これは以前 HTML 仕様の一部でしたが削除されており、現時点では Firefox しか実装していません。
<a>, <area>, <link> なし
tag 当該ドキュメントに適用するタグを説明するドキュメントへのハイパーリンクであることを示します。

注記: このリンクタイプは、タグクラウドの項目に設定すべきではありません。これらは単一のドキュメントではなく、ページの集合体へのリンクであるためです。
<a>, <area> <link>
up 当該ページは階層構造を持つ文書群の一部であり、階層の上位レベルのリソースへのハイパーリンクであることを示します。

up リンクタイプの数で、当該ページとリンク先ドキュメントの階層の差を示します。
<a>, <area>, <link> なし

仕様

仕様書 策定状況 コメント
Preload
preload の定義
草案 preload を追加
Resource Hints
preconnect の定義
草案 dns-prefetch, preconnect, prerender を追加
WHATWG HTML Living Standard
<link> の定義
現行の標準 最新のスナップショット (WHATWG HTML Living Standard) から変更された箇所はなし
HTML5
<link> の定義
勧告 tag, stylesheet, search, prev, prefetch, noreferrer, nofollow, next, license, icon, help, bookmark, author, alternate を追加
HTML 4.01 Specification
<link> の定義
勧告  

ブラウザー実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート (有) 1.0 (1.7 or earlier) (有) (有) (有)
代替スタイルシート ? 3.0 (1.9) ? (有) ?
prefetch ? ? ? ? ?
prerender ? ? ? ? ?
preconnect 46 39 (39) [1] 未サポート ? 未サポート
dns-prefetch 46 3.0 (1.9) ? ? ?
preload 50.0 ? ? ? ?
noopener 49.0 52 (52) ? 36 ?
manifest 未サポート [2]        
機能 Android Android Webview Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
基本サポート (有) (有) 1.0 (1.0) (有) (有) (有) (有)
代替スタイルシート ? ? 4.0 (2.0) ? ? ? ?
prefetch 未サポート ? ? ? ? ? ?
prerender ? ? ? ? ? ? ?
preconnect 46 ? 39.0 (39)  ? ? ? 42.0 [1]
dns-prefetch 46 ? 1.0 (1.9) ? ? ? (有)
preload 未サポート 50.0 ? ? ? ? 50.0
noopener 未サポート 49.0 ? ? 32 ? 49.0
manifest 未サポート 39.0         39.0

[1] Firefox 41 より前のバージョンでは、crossorigin 属性に従いません。

[2] これはモバイル向けの機能であるため、デスクトップ環境ではエラーが発生せずに無視されます。

ドキュメントのタグと貢献者

 このページの貢献者: yyss, marmot1123
 最終更新者: yyss,