Rel属性とは

rel属性は、ターゲットページとそれをリンクしているページとの関係を記述するために使用されるHTML属性です。 情報はブラウザに直接表示されませんが、検索エンジンとスクリーンリーダーの両方がrel属性を取得し、ページ上の接続のネットワークに関する情報を収集できます。 その逆はrev属性で、リンクされているものとの関係で現在のページをコンテキスト化するために使用されます。

この属性はrel = "property"として記述され、次のようなリンクに表示されます：<a rel = "home" href = "http://www.wisegeek.com"> wiseGEEK </a>。 rel属性は、リンクされているリソースが、このwiseGEEKの記事など、リンク元のドキュメントに関連するホームページであることを示します。 同様に、アフィリエイトパートナーシップを持つサイトでは、<a rel = "affiliate" href = "http://www.example.com"> Friendly Affiliate </a>のようなコードを使用する場合があります。 検索エンジンがサイトをクロールすると、サイト内のページ間の関係だけでなく、オフサイトリンクも理解できます。

この属性の使用方法のもう1つの一般的な例は、混乱や転換を防ぐためのナビゲーションです。 <a rel = "next" href = "http://www.example.com/2">さらなるエントリ</a>は、エントリの別のページへのリンクを提供するためにブログで使用される場合があります。 また、「前」、「スタイルシート」、「インデックス」などの記述子を使用して、リソースの説明タグを提供できます。 rel属性は他のコードと結び付けることもできます。 たとえば、スタイルシートをコーディングして、ナビゲーションを簡単にするために、rel = "previous"のリンクの横に小さな矢印を表示できます。

多くのHTML属性と同様に、rel属性は一貫して適用されません。 サイトによっては広範囲に使用される場合があり、サイトマップの作成などのツールに非常に役立ちます。 他のサイトではまったく使用されておらず、時々、属性の奇妙な使用が発生し、ブラウザを混乱させる可能性があります。 HTML標準が変更されると、属性のスタイルが変化し、表示エラーなどの問題を回避するために、Webサイトがそれに応じて更新されるようにすることが重要です。

さまざまな属性のブラウザーサポートについて知りたい人は、それらのブラウザーのWebサイトで技術文書を検索できます。 ブラウザーの最新バージョンが属性の適用方法を認識して知っていても、古いバージョンは認識しない可能性があり、できるだけ多くのブラウザーに到達することを懸念する人々は、サイトをコーディングするときにこれを検討する必要があることに注意することが重要です。 古いブラウザを適切に表示するために、古いブラウザを使用している人々の利益のために、サイトコードを調整する必要がある場合があります。