序章

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