HTMLのアンカータグにRel属性を使用する方法
序章
アンカータグ内のrel
属性(<a>
)は、リンクされたリソースの関係を記述します。 rel
は14の値のいずれかを取ることができます。 それらすべてを調べてみましょう:
前提条件
- HTML5の一般的な知識。 HTML5マークアップ言語の包括的なレビューについては、シリーズ「HTMLでWebサイトを構築する方法」を参照してください。
アンカータグ内のrel
属性の使用
rel
属性が受け入れることができる14の値は次のとおりです。
alternate
:ドキュメントの代替バージョンを指します。author
:ドキュメントの作成者を指します。bookmark
:ブックマーク用のURLを指します。enclosure
:ダウンロード可能なアセットを指します。external
:別のドメインのURLを指します。help
:ヘルプドキュメントを指します。license
:法律、ライセンス、または著作権情報を指します。next
:シリーズの次のドキュメントを指します。nofollow
:ドキュメントが承認されていないことを検索エンジンに示します。 これは最も一般的に使用される値であり、有料リンクと広告に使用する必要があります。noreferrer
:HTTPリファラーヘッダーを送信しないことをブラウザーに示します。noopener
:オープナーブラウジングコンテキストを防止します。 リンクでtarget="\_blank"
を使用する場合に使用する必要があります。 Mathias Bynens はこれのセキュリティ上の利点について説明し、 JakeArchibaldはパフォーマンス上の利点について説明しました。prev
:シリーズの前のドキュメントを指します。search
:ドキュメントの検索機能を指します。tag
:現在のドキュメントのキーワード/タグをカバーするドキュメントを指します。
結論
rel
属性は、HTMLの重要な機能です。 リンクタグのRel属性に関する関連チュートリアルを参照してください。
HTML5マークアップ言語のより包括的なレビューについては、シリーズ「HTMLでWebサイトを構築する方法」を参照してください。