<a name="●●"></a>
<a href="▲▲.html#●●">~</a>
<a name="●●"></a>
<a href="▲▲.html#●●">~</a>
リンクの設定に関しては、リンクを設定するでご紹介しました。ここで紹介するのは、「同一ページ内」で移動する方法です。例えば、縦にすごく長いページがあるとします。目的の場所はページの一番下だと分かっていても、マウスホイールをくるくる回して、一番下まで行くというのは、ユーザにとっては面倒以外の何者でもありません。そこで使えるのが、ページ内リンクです。
まず最初に、ページ内での飛び先として表示したい部分に、<a name="●●"></a>を仕込みます。●●の部分には、半角英数字で好きな文字列を入れてください。
次に、aタグでリンクを設定するのですが、通常のリンクと異なるのは、リンク先ファイル名の最後に「#」を付けて、先ほどの●●を入力するという部分です。このように記述することにより、まずは指定したhtmlファイルへ飛び、さらにそのページ内で●●というnameが付いた場所を探し、一気にそこへリンクしてくれるのです。
上記のサンプルをクリックしてみてください。このページの一番下のほうへ、一気にリンクされるはずです。