序章

アンカータグ内のrel属性(<a>)は、リンクされたリソースの関係を記述します。 relは14の値のいずれかを取ることができます。 それらすべてを調べてみましょう:

前提条件

アンカータグ内の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サイトを構築する方法」を参照してください。