Technical_memo

ページ内リンクする方法

同じページ内の別の場所に移動
ページ内リンクで誘導したい場所に名前(アンカー)を付けてリンクします。
ここでは記事中の見出し(h2タグ)ごとに飛べる様に記事中のh2タグにリンクします。

アンカーを付ける

同一ページの中で、h2タグ等に名前を付けて、目次にリンクしたい場合があります。

その様なときにはt要素に名前を付けるて<要素 id="名前"> という形で記述することで同一ページ内でリンクができます。

下記はh2見出しに名前を付けた例です
アンカーを付けてリンクされる行になります

要素にIDを付ける

また、他に要素でないテキストにもアンカーを付けることができます。

要素に名前(id)を付ける

目次部分をリスト形式で作成

目次のHTML (リンクするリスト)

同一ページのリンクリスト