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 は他のモバイルブラウザと同様に、Web クリップやスタートアッププレースホルダ用の Web ページアイコンを選択する際に、このリンクタイプや 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> なし
next 現在のページが属する一連のリソース群で、のリソースへ移動するリンクであることを示します。

注記: 一連のリソースへのリンクに関するリンクタイプとして、この他に firstprevlast があります。
<a>, <area>, <link> なし
nofollow リンク先のドキュメントは、リンク元ページの作者が推薦するものではないことを示します。例えば作者が管理しているものではない、悪い例である、あるいは二者間に営利関係がある (販売用のリンク) などです。このリンクタイプは、人気ランキングの測定技術として検索エンジンが使用するかもしれません。 <a>, <area> <link>
noopener 新たに開いたウィンドウで Window.opener プロパティを設定しないことにより、新しいブラウジングコンテキストが自身を開いたドキュメントへアクセスできない形でリンクを開くよう、ブラウザに指示します。

これは信頼できないリンクを開く際、(noreferrer を使用せず) Referer HTTP ヘッダを与えても、リンク元のドキュメントを操作できないようにするために、特に役に立つリンクタイプです。
<a>, <area> <link>
noreferrer 別のページへ移動する際にリンク元ページの名前などの値を、ブラウザが Referer: HTTP ヘッダでリファラとして送信しないようにします。
(Firefox は 37 より前のバージョンで、これがページ上のリンクでしか機能しませんでした。コンテキストメニューの "リンクを新しいタブで開く" などの UI でリンクをたどった場合は、無視していました)
<a>, <area> <link>
pingback Web ページについてコメントや引用を行う際に呼び出すための、外部リソース URI を定義します。このような呼び出しで使用するプロトコルは、Pingback 1.0 仕様で定義しています。

注記: X-Pingback: HTTP ヘッダも提供する場合は、HTTP ヘッダが <link> 要素より優先します。
<link> <a>, <area>
preconnect 個人情報の開示やコンテンツのダウンロードを行わない形で、事前にリンク先の Web サイトへの接続を開くようブラウザに提案するヒントを提供します。これにより、リンクをたどるときにより早く読み込むことができます。 <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 ? [2] ? ? ? ?
noopener 49.0        
機能 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) [2] ? ? ? 42.0 [1]
dns-prefetch 46 ? 1.0 (1.9) ? ? ? (有)
preload 未サポート 未サポート ? ? ? ? 未サポート
noopener 未サポート 49.0         49.0

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

[2] Chrome の rel=preload の状況

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

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