序章

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

前提条件

rel属性が<link>タグ内で受け入れることができる16の値は次のとおりです。

  • alternate：ドキュメントの代替バージョン。
  • author：ドキュメントの作成者。
  • dns-prefetch：リンクされたリソースのDNSルックアップとハンドシェイクをプリフェッチする必要があります。
  • help：ドキュメント全体に関するヘルプのリソース。
  • icon：アイコンリソース。
  • license：ライセンスおよび法的情報。
  • manifest：Webアプリマニフェストドキュメント。
  • next：シリーズの次のドキュメント。
  • pingback：コメントでピンバックを要求された外部リソース。
  • preconnect：事前に接続を開いておく必要があります。
  • prefetch：リソースをプリフェッチする必要があります。
  • preload：リソースをプリロードする必要があります。
  • prerender：リソースは事前にレンダリングされている必要があります。
  • prev：シリーズの前のドキュメント。
  • search：現在のドキュメントで検索を実行するためのドキュメント。
  • stylesheet：最も一般的に使用される値。 外部スタイルシートへのリンク。

dns-prefetch、preconnect、prefetch、preload、およびprerenderはブラウザへの単なるヒントであり、現在実験段階であることに注意してください。 これらはすべてのブラウザでサポートされているわけではなく、 使ってもいいですか？ ページブラウザのサポートの詳細については。 これらのリソースヒントのさまざまな動作の違いについての要約もあります。

relタグが使用されている典型的なシナリオを次に示します。

<link rel='stylesheet' href='style.css' type='text/css'>

stylesheetが最も一般的に使用される値です。

結論

<link>タグ内のrel属性は、HTMLの重要な機能です。 あなたはできる内部のrel属性に関する関連チュートリアルを確認してくださいタグ 。

または、HTML5マークアップ言語のより包括的なレビューについては、シリーズ「HTMLでWebサイトを構築する方法」を参照してください。