a

機能

a 要素は、ハイパーリンクを作成するために使用されます。ユーザーがリンクをクリックすると、指定された URL に移動します。リンクは、他のウェブページ、ファイル、メールアドレス、または同じページ内の特定の場所にジャンプするために使用されます。

よく設定する属性（attribute）と値

href:

リンク先の URL を指定します。例: href=“https://www.example.com”

target:

リンク先を表示する場所を指定します。例: target=“_blank”（新しいタブで開く）

rel:

リンク先との関係を指定します。
例: rel=“noopener noreferrer”（セキュリティとパフォーマンスの向上）

title:

リンクのタイトルを指定します。ユーザーがリンクにマウスを乗せたときに表示されます。
例: title=“Example Website”

download:

リンク先のリソースをダウンロードするように指定します。
例: download=“example.pdf”

使い方

例１

この例では、ユーザーが「Example Website」というリンクをクリックすると、https://www.example.comに移動します。

<a href="https://www.example.com">Example Website</a>

例２

この例では、リンクが新しいタブで開き、セキュリティとパフォーマンスの向上のために rel 属性が設定されています。また、ユーザーがリンクにマウスを乗せたときに「Example Website」というタイトルが表示されます。

<a
  href="https://www.example.com"
  target="_blank"
  rel="noopener noreferrer"
  title="Example Website"
  >Example Website</a
>