rel

レル（属性）

意味関係性を指定する属性

relとは？

<a>や<link>などのタグに使用されるrel属性は、その要素が持つリンクの関係性をブラウザや検索エンジンに伝えるために使われます。

relの具体的な使い方

nofollowリンクの作成例

<a href='https://www.example.com' rel='nofollow'>リンクテキスト</a>

この例では、<a>タグにrel属性を使用して'nofollow'を指定しています。これは、このリンクをたどるべきではない、またはリンクの目的地に対する直接的な信頼を示さないことを検索エンジンに伝えるために使われます。

外部スタイルシートの関連付け例

<link rel="stylesheet" href="styles.css">

この例では、rel属性を使用してCSSファイルをスタイルシートとして指定しています。

relに関するよくある質問

Q. rel属性の主な値は？

A. 主な値には、stylesheet（CSSファイル）、nofollow（検索エンジンにリンクを追跡しないよう指示）、noreferrer（リファラー情報を送信しない）、noopener（新しいページが元のページにアクセスできないようにする）などがあります。

Q. rel属性は必須？

A. rel属性は必須ではありませんが、リンクの性質や目的を明確にするために使用することが推奨されています。特に、外部リンクやリソースの関係性を示す場合に有用です。

relが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、HTMLのrelやdisabled、colspan、srcset、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。