HTML <a> タグ：正しい理解と使い方

定義と使い方

<a> タグは、Anchor（アンカー）の略で、別のウェブページやファイル、同一ページ内の特定の場所へ移動するための「ハイパーリンク」を作成します。

リンク先を指定するには href 属性が必須となります。また、別のタブやウィンドウでリンクを開きたい場合は target="_blank" 属性を追加します。その際は、セキュリティやパフォーマンスの観点から rel="noopener" も併せて記述するのが現代のウェブ制作の標準仕様です。

基本例

<!-- 通常の外部リンク -->
<p>詳細は<a href="https://example.com">公式ホームページ</a>をご覧ください。</p>

<!-- 別タブで開くリンク -->
<p><a href="https://example.com" target="_blank" rel="noopener">別ウィンドウで開く</a></p>