リンクタイプの一覧

rel属性で使用するリンクタイプの一覧です。

○=指定可能、×=指定不可、緑色のセル=body-ok
リンクタイプ link a、area form 説明
alternate ○ ○ × リンク先が代替文書であることを示す
  • hreflang属性との併用 … 翻訳版を示す
  • media属性との併用 … 別メディア版を示す
author ○ ○ × リンク先が著者情報の文書であることを示す
bookmark × ○ × 最も近い祖先セクションのパーマリンクを示す
canonical ○ × × 重複コンテンツを避けるために正規のURLを示す
dns-prefetch ○ × × リンク先のDNS名前解決を事前に行うように指示
external × ○ ○ リンク先が外部のサイトであることを示す
help ○ ○ ○ リンク先がヘルプ文書であることを示す
icon ○ × × 文書のアイコンを示す
license ○ ○ ○ リンク先が著作権情報の文書であることを示す
manifest ○ × × リンク先がWebアプリケーションのマニフェストであることを示す
modulepreload ○ × × モジュールスクリプトの読み込みを事前に行うように指示
next ○ ○ ○ リンク先が、一連の文書の中で次の文書であることを示す
nofollow × ○ ○ リンク先をフォローしないことを示す
noopener × ○ ○ 新規のブラウジング・コンテキストで開いたリンク先が、リンク元の文書を参照できないように指示
noreferrer × ○ ○ リンク先にリファラーを送らないことを指示
opener × ○ ○ 新規のブラウジング・コンテキストで開いたリンク先が、リンク元の文書を参照できるように指示
pingback ○ × × Pingback（リンクされたことを通知する機能）を処理するPingbackサーバーを示す
preconnect ○ × × リンク先への接続を事前に行うように指示
prefetch ○ × × リンク先の読み込みを事前に行うように指示
preload ○ × × as属性で指定された宛先に応じて、リンク先の読み込みを事前に行うように指示
prerender ○ × × リンク先の読み込みを事前に行い、バックグラウンドでレンダリングしておくように指示
prev ○ ○ ○ リンク先が、一連の文書の中で前の文書であることを示す
search ○ ○ ○ リンク先が、関連文書を検索するための文書であることを示す
stylesheet ○ × × 現在の文書に適用する外部スタイルシートを示す
tag × ○ × 文書に適用されるタグを示すと同時に、リンク先がそのタグを説明した文書であることを示す

上記のうち、次の8つはbody-okなキーワードとなります。

dns-prefetch、modulepreload、pingback、preconnect、prefetch、preload、prerender、stylesheet

link要素のrel属性に上記の値のみが指定されている場合は、そのlink要素をbody要素内で使用することができます。

rel属性を持つ要素

rel属性は、以下の要素に指定することができます。

参考リンク（外部サイト）