スパンリンク（すぱんりんく）

最終更新：2026/4/28

スパンリンクは、ウェブページ内で特定のテキストに付与されたハイパーリンクであり、そのリンク先が同じウェブページ内の別の箇所を指すものである。

別名・同義語アンカーリンクページ内リンク

ポイント

スパンリンクは、ページ内移動を容易にし、ユーザーエクスペリエンスを向上させるために用いられる。アンカーリンクとも呼ばれる。

スパンリンクとは

スパンリンク（Span Link）とは、ウェブページ内の特定の箇所へ直接ジャンプするためのリンクのことです。通常のハイパーリンクが別のウェブページへ移動するのに対し、スパンリンクは同じページ内の異なる位置を指します。アンカーリンク、ページ内リンクとも呼ばれます。

スパンリンクは、HTMLのアンカータグ（<a>タグ）とID属性（id属性）を組み合わせて作成されます。リンクを設定したい箇所にid属性を付与し、別の箇所からそのid属性を参照することで、ページ内移動を実現します。

例えば、以下のようなHTMLコードでスパンリンクを作成できます。

<a href="#section2">セクション2へジャンプ</a>

<h2 id="section2">セクション2</h2>

この例では、「セクション2へジャンプ」というテキストをクリックすると、id属性がsection2である<h2>タグまでスクロールされます。

スパンリンクは、主に以下の目的で利用されます。

スパンリンクを作成する際には、以下の点に注意する必要があります。