HTML では、以下のようなリンク種別で <a>, <area>, <link> 要素を使用して他へリンクするときに二つの文書間の関係を示します。
| リンク種別 | 説明 | 許可されている要素 | 許可されていない要素 |
|---|---|---|---|
alternate |
<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> |
canonical |
Wikipedia の記事「Canonical_link_element」より: canonical を指定した link 要素は、検索エンジン最適化（SEO）の一環として、「正規」または「推奨」バージョンのウェブページを特定することで、ウェブマスターが重複コンテンツの問題を防ぐのに役立ちます。 |
<link> |
??? |
dns-prefetch |
ユーザーがリンクをクリックする前に DNS 問い合わせやプロトコルのハンドシェイクを行うことをブラウザーが許可する必要があるリソースであることを、ブラウザーにヒントとして提供します。 | <link> |
<a>, <area> |
external |
ページが存在するサイトの外部にあるリソースへのハイパーリンクであることを示します。つまり、現在のサイトから離れるリンクです。 | <a>, <area> |
<link> |
first |
現在のページが属する一連のリソース群で、最初のリソースへ移動するリンクであることを示します。 メモ: 一連のリソースへのリンクに関するリンク種別として、この他に last、prev、next があります。同義語である begin や start も認識されますが、誤りですので使用してはいけません。 |
<a>, <area>, <link> |
なし |
help |
<a>, <area>, <link> |
なし | |
icon |
ユーザーインターフェイス上でページを表すリソースを定義します。通常は（聴覚的あるいは視覚的な）アイコンです。 複数の <link rel="icon"> がある場合、ブラウザーは media, type, sizes 属性を使用して最も適切なアイコンを選択します。もし複数のアイコンが同等に適切であれば、最後の一つが使用されます。最も適切なアイコンが後で不適切と分かった場合、例えば未対応の形式を使用していた場合などは、ブラウザーは次に適切なものを探し、以下同様にします。メモ: Apple の iOS は他のモバイルブラウザーと同様に、ウェブクリップやスタートアッププレースホルダ用のウェブページアイコンを選択する際に、このリンク種別や sizes 属性を使用しません。代わりに、標準外の apple-touch-icon 及び apple-touch-startup-image を使用します。icon より以前はリンク種別 shortcut がよく使用されていましたが、これは非準拠で無視されますのでウェブ作者は今後使用してはいけません。 |
<link> |
<a>, <area> |
import |
HTML インポート | ||
index |
当該ページは階層構造を持つ文書群の一部であり、階層のトップレベルのリソースへのハイパーリンクであることを示します。 一つ以上の up リンク種別も提示した場合は、階層内における当該ページの深さを up の数で示します。 |
<a>, <area>, <link> |
なし |
last |
現在のページが属する一連のリソース群で、最後のリソースへ移動するリンクであることを示します。 メモ: 一連のリソースへのリンクに関するリンク種別として、この他に first、prev、next があります。同義語である end も認識されますが、誤りですので使用してはいけません。 |
<a>, <area>, <link> |
なし |
license |
ライセンス情報を説明する文書へ誘導するハイパーリンクを定義します。 <head> 要素内に配置しない場合に、文書内の一部に適用するか文書全体にするかの区別は標準化されていません。ページ上のデータだけが、ライセンスを示すことができます。メモ: 同義語の copyright も認識されますが、誤りですので使用してはいけません。 |
<a>, <area>, <link> |
なし |
manifest |
リンクしたファイルが Web App Manifest であることを示します。 | <link> |
<a>, <area> |
modulepreload |
モジュールスクリプトの読み込みを早めに (かつ優先して) 始めます。 | <link> |
<a>, <area> |
next |
現在のページが属する一連のリソース群で、次のリソースへ移動するリンクであることを示します。 メモ: 一連のリソースへのリンクに関するリンク種別として、この他に first, prev, last があります。 |
<a>, <area>, <link> |
なし |
nofollow |
リンク先の文書は、リンク元ページの作者が推薦するものではないことを示します。例えば作者が管理しているものではない、悪い例である、あるいは二者間に営利関係がある（販売用のリンク）などです。このリンク種別は、人気ランキングの測定技術として検索エンジンが使用するかもしれません。 | <a>, <area> |
<link> |
noopener |
リンクを新しい閲覧コンテキストで開き、リンク元の文書へアクセスできないようにすることをブラウザーに指示します。つまり、新たに開いたウィンドウで なお、 |
<a>, <area> |
<link> |
noreferrer |
別のページへ移動する際にリンク元ページのアドレスなどの値を、ブラウザーが |
<a>, <area> |
<link> |
pingback |
ウェブページについてコメントや引用を行いたい場合に呼び出すための、外部リソース URI を定義します。このような呼び出しで使用するプロトコルは、Pingback 1.0 仕様で定義しています。 メモ: HTTP の X-Pingback: ヘッダーも存在する場合は、 <link> 要素より優先します。 |
<link> |
<a>, <area> |
preconnect |
個人情報の開示やコンテンツのダウンロードを行わない形で、事前にリンク先のウェブサイトへの接続を開くようブラウザーに提案するヒントを提供します。これにより、リンクをたどるときにより早く読み込むことができます。 | <link> |
<a>, <area> |
prefetch |
ユーザーが要求すると思われるため、リンク先のリソースを事前に読み込むようブラウザーに提案します。Firefox 44 より crossorigin 属性の値を考慮して、匿名のプリフェッチを可能にします。メモ: どのようなリンクをプリフェッチできるかや代替手段について、Link Prefetch FAQ に詳しく掲載しています。 |
<a> 未実装,<area> 未実装,<link> |
なし |
preload |
現在のナビゲーションの中で後に必要になるため、リソースをダウンロードしておくようブラウザーに伝えます。詳しくは rel="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> |
なし |
shortlink |
shortlink 仕様書Wikipedia の記事「URL shortening」より 一部のウェブサイトでは、インスタントメッセージングによるリンクの共有をしやすくするために、短いリンクを作成します。 |
<link> |
??? |
sidebar |
サイドバーなど、副次的な閲覧コンテキストに適したリソースへのハイパーリンクであることを示します。副次的なコンテキストを持たないブラウザーは、このキーワードを無視します。 これは以前 HTML 仕様の一部でしたが削除されており、現時点では Firefox 63 より前の Firefox しか実装していません。 |
<a>, <area>, <link> |
なし |
stylesheet |
スタイルシートとして使用する外部リソースを定義します。 type が設定されなかった場合、ブラウザーはさらなる解析を行うまで、 text/css スタイルシートであるとみなします。キーワード alternate と組み合わせて使用すると、代替スタイルシートを定義できます。この場合は title 属性が必須であり、空文字列にすることはできません。 |
<link> |
<a>, <area> |
tag |
この文書に適用するタグを説明する文書へのハイパーリンクであることを示します。 メモ: このリンク種別は、タグクラウドの項目に設定すべきではありません。これらは単一の文書ではなく、ページの集合体へのリンクであるためです。 |
<a>, <area> |
<link> |
up |
当該ページは階層構造を持つ文書群の一部であり、階層の上位レベルのリソースへのハイパーリンクであることを示します。up リンク種別の数で、当該ページとリンク先文書の階層の差を示します。 |
<a>, <area>, <link> |
なし |
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| Preload preload の定義 |
勧告候補 | preload を追加 |
| Resource Hints preconnect の定義 |
草案 | dns-prefetch, preconnect, prerender を追加 |
| HTML Living Standard link types の定義 |
現行の標準 | |
| HTML5 <link> の定義 |
勧告 | tag, stylesheet, search, prev, prefetch, noreferrer, nofollow, next, license, icon, help, bookmark, author, alternate を追加 |
| HTML 4.01 Specification <link> の定義 |
勧告 |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
rel | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
| Alternative stylesheets. | Chrome ? | Edge ? | Firefox 完全対応 3 | IE ? | Opera 完全対応 あり | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android 完全対応 4 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
dns-prefetch | Chrome 完全対応 46 | Edge ? | Firefox 完全対応 3 | IE ? | Opera 完全対応 33 | Safari ? | WebView Android 完全対応 46 | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android ? | Safari iOS ? | Samsung Internet Android 完全対応 あり |
manifest | Chrome 未対応 なし | Edge ? | Firefox ? | IE ? | Opera 未対応 なし | Safari ? | WebView Android 完全対応 39 | Chrome Android 完全対応 39 | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 完全対応 4.0 |
modulepreload | Chrome 完全対応 66 | Edge ? | Firefox ? | IE ? | Opera 完全対応 53 | Safari ? | WebView Android 完全対応 66 | Chrome Android 完全対応 66 | Firefox Android ? | Opera Android 完全対応 47 | Safari iOS ? | Samsung Internet Android 完全対応 9.0 |
noopener | Chrome 完全対応 49 | Edge 未対応 なし | Firefox
完全対応
52
| IE 未対応 なし | Opera 完全対応 36 | Safari 完全対応 10.1 | WebView Android 完全対応 49 | Chrome Android 完全対応 49 | Firefox Android
完全対応
52
| Opera Android 完全対応 36 | Safari iOS 完全対応 10.3 | Samsung Internet Android 完全対応 5.0 |
preconnect | Chrome 完全対応 46 | Edge 未対応 なし | Firefox
完全対応
39
| IE 未対応 なし | Opera 完全対応 33 | Safari 未対応 なし | WebView Android 完全対応 46 | Chrome Android 完全対応 42 | Firefox Android
完全対応
39
| Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 4.0 |
prefetch | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
preload | Chrome 完全対応 50 | Edge ? | Firefox
未対応
56 — 57
| IE ? | Opera 完全対応 37 | Safari ? | WebView Android 完全対応 50 | Chrome Android 完全対応 50 | Firefox Android
未対応
56 — 57
| Opera Android ? | Safari iOS ? | Samsung Internet Android 完全対応 5.0 |
prerender | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
- 非標準。ブラウザー間の互換性が低い可能性があります。
- 非標準。ブラウザー間の互換性が低い可能性があります。
- 実装ノートを参照してください。
- 実装ノートを参照してください。