rel属性
a要素のrel属性は、現在のドキュメントとリンク先ドキュメントとの関連性を示すリンクタイプを指定する属性。
ブラウザ対応 |
---|
構文
<a href="URL" rel="リンクタイプ">リンクテキスト</a>
リンクタイプ
- alternate
- 現在のドキュメントの代替ドキュメントへのリンクであることを示す。
- author
- 現在のドキュメントや記事の著者へのリンクであることを示す。
- bookmark
- ブックマークのためのパーマリンク(固定リンク)であることを示す。
- help
- ヘルプ・ドキュメントへのリンクであることを示す。
- license
- 著作権情報へのリンクであることを示す。
- next
- 一連のドキュメントにおける次のドキュメントへのリンクであることを示す。
- nofollow
- リンク先ドキュメントをフォローしない。
- noreferrer
- リンク先へHTTPリファラを送らない。
- prefetch
- リンク先ドキュメントを先制キャッシュ。
- prev
- 一連のドキュメントにおける前のドキュメントへのリンクであることを示す。
- search
- 現在のドキュメントとその関連ページを検索するために使用可能なリソースへのリンクであることを示す。
- tag
- 現在のドキュメントのタグであることを示す。
要点
サンプルコード
パーマリンク(固定リンク)
<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>