rel属性

a要素のrel属性は、現在のドキュメントとリンク先ドキュメントとの関連性を示すリンクタイプを指定する属性。

ブラウザ対応

構文

<a href="URL" rel="リンクタイプ">リンクテキスト</a>

リンクタイプ

alternate
現在のドキュメントの代替ドキュメントへのリンクであることを示す。
author
現在のドキュメントや記事の著者へのリンクであることを示す。
bookmark
ブックマークのためのパーマリンク(固定リンク)であることを示す。
help
ヘルプ・ドキュメントへのリンクであることを示す。
license
著作権情報へのリンクであることを示す。
next
一連のドキュメントにおける次のドキュメントへのリンクであることを示す。
nofollow
リンク先ドキュメントをフォローしない。
noreferrer
リンク先へHTTPリファラを送らない。
prefetch
リンク先ドキュメントを先制キャッシュ。
prev
一連のドキュメントにおける前のドキュメントへのリンクであることを示す。
search
現在のドキュメントとその関連ページを検索するために使用可能なリソースへのリンクであることを示す。
tag
現在のドキュメントのタグであることを示す。

要点

  • a要素のrel属性は、現在のドキュメントとリンク先ドキュメントとの関連性を示すリンクタイプを指定する属性である。
  • rel属性は、a要素href属性がある場合だけ使用する。a要素href属性がない場合、rel属性は、省略しなければならない。

サンプルコード

パーマリンク(固定リンク)

<a href="sample.html" rel="bookmark">リンクテキスト</a>

著作権情報へのリンク

<a href="sample.html" rel="license">リンクテキスト</a>

ヘルプ・ドキュメントへのリンク

<a href="sample.html" rel="help">リンクテキスト</a>

サンプル

HTMLソースコード

<p><a href="a-rel.html" rel="bookmark">a要素のrel属性</a></p>
<p><a href="a-download.html" rel="prev">a要素のdownload属性</a></p>
<p><a href="a-hreflang.html" rel="next">a要素のhreflang属性</a></p>

実際の表示