【HTML】リンクタイプとは

リンクタイプとは

リンクタイプは文書と他の文書、もしくは文書と外部リソースを関連付ける rel属性 の値として指使用する。

• rel属性とは
  現在の文書から見たリンク先の文書（href属性で指定した文書）の関係を示す。

※ rev属性はHTML Living Standardで廃止されているため、使用するべきではない。リンク先から見た現在の文書の関係を示す際もrel属性を使用する。

havin'a coffee breakに詳しい説明が記載されています。

目次

• rel属性を内包できる要素

• リンクタイプの一覧

rel属性を内包できる要素

要素	説明
＜a＞	現在の文書から見たリンク先との関係
＜area＞	現在の文書から見たリンク先との関係
＜link＞	現在の文書から見たリンク先との関係
＜form＞	現在の文書から見たリンク先との関係

＜link＞要素ではrel属性は必須属性。
＜a＞要素と＜area＞要素、＜form＞要素ではrel属性はリンク先の文書と現在の文書との関係性を参考情報として伝える。

リンクタイプ一覧

リンクタイプ	説明	指定できる	"body-ok"
alternate	リンク先は現在の文書の代替書	＜link＞＜a＞＜area＞
author	リンク先は著者情報	＜link＞＜a＞＜area＞
bookmark	リンク先は最も近い祖先セクションへのパーマリンク	＜a＞＜area＞
canonical	リンク先が類似する文書の中で最も推奨される文書	＜link＞
dns-prefetch	リンク先のDNSによる名前解決を事前に行う	＜link＞	"body-ok"
external	リンク先は現在の文書があるウェブサイトの外部	＜a＞＜area＞＜form＞
help	リンク先は詳細なヘルプを提供する文書	＜link＞＜a＞＜area＞＜form＞
icon	リンク先は現在の文書を表すアイコン	＜link＞
license	リンク先はライセンス情報を説明する文書	＜link＞＜a＞＜area＞＜form＞
manifest	リンク先はウェブアプリマニフェスト	＜link＞	"body-ok"
modulepreload	リンク先のモジュールスクリプトを先行して読み込む	＜link＞	"body-ok"
next	リンク先は一連の文書の中で現在の文書の次の文書	＜link＞＜a＞＜area＞＜form＞
nofollow	リンク先は現在の文書の著者が推奨しない	＜a＞＜area＞＜form＞
noopener	リンク先を新しいブラウジングコンテキストで開き、リンク先が現在の文書へアクセスできないようにする	＜a＞＜area＞＜form＞
noreferrer	リンク先を読み込むときに現在の文書のURLを含むリファラーを送信しない	＜a＞＜area＞＜form＞
opener	リンク先を新しいブラウジングコンテキストで開いたときにリンク先が現在の文書へアクセスできるようにする（暗黙的にrel="noopener"が適用されるのを防ぐ）	＜a＞＜area＞＜form＞
pingback	リンク先は現在の文書のピングバックを扱うピンバックサーバー	＜link＞	"body-ok"
preconnect	リンク先への接続を事前に確立する	＜link＞	"body-ok"
prefetch	リンク先を事前に取得する	＜link＞	"body-ok"
preload	リンク先への接続を事前に確認する	＜link＞	"body-ok"
prerender	リンク先を事前に取得してレンダリングする	＜link＞	"body-ok"
prev	リンク先は一連の文書の中で現在の文書の前の文書	＜link＞＜a＞＜area＞＜form＞
search	リンク先現在の文書と関連する文書内を検索するための機能	＜link＞＜a＞＜area＞＜form＞
stylesheet	リンク先は現在の文書に適用する外部スタイルシート	＜link＞	"body-ok"
tag	リンク先は現在の文書に敵意要するタグを説明する文書	＜a＞＜area＞

その他のリンクタイプ

通常HTMLの仕様で定義されているものを使用しますが、ブラウザなどが独自に実装しているリンクタイプもある。

リンクタイプ	説明	指定できる要素	"body-ok"
apple-touch-icon	リンク先は現在の文書のウェブクリップアイコン		＜link＞
apple-touch-icon-precomposed	リンク先は現在のウェブクリップアイコン（古いバージョンのiOSではアイコンの光沢がない）	＜link＞
mask-icon	リンク先はSafariのページピン用のアイコン	＜link＞

参考サイト

havin'a coffee break

最後に

間違っている点がありましたらご指摘お願いします。