リンク種別

HTML では、 <a>, <area>, <form>,<link> の何れかを用いて他の文書へリンクするときに、リンク種別で 2 つの文書間の関係を示します。

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

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

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

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

月ごとのブログ記事一覧やブログアグリゲーターなど複数の記事を含むページで、単独の記事をブックマークすることができます。
<a>, <area> <link>, <form>
canonical Wikipedia の記事「Canonical_link_element」より:
canonical を指定した link 要素は、検索エンジン最適化(SEO)の一環として、「正規」または「推奨」バージョンのウェブページを特定することで、ウェブマスターが重複コンテンツの問題を防ぐのに役立ちます。
<link> <a>, <area>, <form>
dns-prefetch Experimental ユーザーがリンクをクリックする前に DNS 問い合わせやプロトコルのハンドシェイクを行うことをブラウザーが許可する必要があるリソースであることを、ブラウザーにヒントとして提供します。 <link> <a>, <area>, <form>
external ページが存在するサイトの外部にあるリソースへのハイパーリンクであることを示します。つまり、現在のサイトから離れるリンクです。 <a>, <area>, <form> <link>
first Deprecated 現在のページが属する一連のリソース群で、最初のリソースへ移動するリンクであることを示します。

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

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

複数の <link rel="icon"> がある場合、ブラウザーは media, type, sizes 属性を使用して最も適切なアイコンを選択します。もし複数のアイコンが同等に適切であれば、最後の一つが使用されます。最も適切なアイコンが後で不適切と分かった場合、例えば未対応の形式を使用していた場合などは、ブラウザーは次に適切なものを探し、以下同様にします。

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

Warning: icon より以前はリンク種別 shortcut がよく使用されていましたが、これは非準拠で無視されますのでウェブ作者は今後使用してはいけません

<link> <a>, <area>, <form>
index Deprecated ページが階層構造の一部であり、ハイパーリンクがその構造の最上位リソースにつながることを示します。

1 つまたは複数の up リンク型も存在する場合、これらの up の数は階層における現在のページの深さを示しています。
<a>, <area>, <link> <form>
last Deprecated 現在のページが属する一連のリソース群で、最後のリソースへ移動するリンクであることを示します。

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

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

注: 同義語の copyright も認識されますが、誤りですので使用してはいけません。
<a>, <area>, <form>, <link> なし
manifest リンクしたファイルが Web App Manifest であることを示します。 <link> <a>, <area>, <form>
me (en-US) 現在の文書が、me 値がリンクしている人物によって表現されていることを示す。 me 値は、 RelMeAuth のような分散型認証でよく使用されます。 <link>, <a> <area>, <form>
modulepreload モジュールスクリプトの読み込みを早めに (かつ優先して) 始めます。 <link> <a>, <area>, <form>
next 現在のページが属する一連のリソース群で、のリソースへ移動するリンクであることを示します。

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

リンクを新しい閲覧コンテキストで開き、リンク元の文書へアクセスできないようにすることをブラウザーに指示します。つまり、新たに開いたウィンドウで Window.opener プロパティを設定しません(null を返します)。

これは信頼できないリンクを開く際、 Window.opener プロパティでリンク元の文書を変更できないようにするために特に役に立つリンク種別です(詳しくは About rel=noopener を参照してください)。ただし、 Referer HTTP ヘッダーは(noreferrer を使用しない限り)提供します。

なお、 noopener を使用した場合、ターゲット名に _top, _self, _parent 以外の空でない名前を使用すると、新しいウィンドウやタブを開くかどうかの判断において、すべて _blank と同様に扱われます。

<a>, <area>, <form> <link>
noreferrer

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

<a>, <area>, <form> <link>
opener Experimental

rel="noopener"target="_blank" のリンクに暗黙的に追加されることを防ぎます。(関連する HTML 仕様書の議論WebKit の変更Firefox バグの議論を参照)。

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

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

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

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

同義語である previous も認識されますが、誤りですので使用してはいけません。
<a>, <area>, <link>, <form> なし
search ハイパーリンクが、この文書やサイトとそのリソースを検索するために特別に設計されたインターフェイスを持つ文書を参照することを示します。

type 属性を application/opensearchdescription+xml に設定したリソースは、Firefox や Internet Explore などのインターフェイスへ簡単に追加できる OpenSearch プラグイン になります。
<a>, <area>, <link>, <form> なし
shortlink shortlink 仕様書
Wikipedia の記事「URL shortening」より
一部のウェブサイトでは、インスタントメッセージングによるリンクの共有をしやすくするために、短いリンクを作成します。
<link> ???
sidebar Non-standard Deprecated サイドバーなど、副次的な閲覧コンテキストに適したリソースへのハイパーリンクであることを示します。副次的なコンテキストを持たないブラウザーは、このキーワードを無視します。

これは以前 HTML 仕様の一部でしたが削除されており、現時点では Firefox 63 より前の Firefox しか実装していません。
<a>, <area>, <link> <form>
stylesheet スタイルシートとして使用する外部リソースを定義します。 type が設定されなかった場合、ブラウザーはさらなる解析を行うまで、 text/css スタイルシートであるとみなします。

キーワード alternate と組み合わせて使用すると、代替スタイルシートを定義できます。この場合は title 属性が必須であり、空文字列にすることはできません。
<link> <a>, <area>, <form>
tag この文書に適用するタグを説明する文書へのハイパーリンクであることを示します。

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

up リンク種別の数で、当該ページとリンク先文書の階層の差を示します。
<a>, <area>, <link> <form>

仕様書

Specification
HTML Standard
# linkTypes

ブラウザーの互換性

BCD tables only load in the browser