シャフト株式会社

ページ内リンク

ページ内リンク

<a name="●●"></a>

<a href="▲▲.html#●●">~</a>

サンプル

タグ解説

リンクの設定に関しては、リンクを設定するでご紹介しました。ここで紹介するのは、「同一ページ内」で移動する方法です。例えば、縦にすごく長いページがあるとします。目的の場所はページの一番下だと分かっていても、マウスホイールをくるくる回して、一番下まで行くというのは、ユーザにとっては面倒以外の何者でもありません。そこで使えるのが、ページ内リンクです。

まず最初に、ページ内での飛び先として表示したい部分に、<a name="●●"></a>を仕込みます。●●の部分には、半角英数字で好きな文字列を入れてください。

次に、aタグでリンクを設定するのですが、通常のリンクと異なるのは、リンク先ファイル名の最後に「#」を付けて、先ほどの●●を入力するという部分です。このように記述することにより、まずは指定したhtmlファイルへ飛び、さらにそのページ内で●●というnameが付いた場所を探し、一気にそこへリンクしてくれるのです。

上記のサンプルをクリックしてみてください。このページの一番下のほうへ、一気にリンクされるはずです。











































「page_end」というnameを、この場所に付けています


Copyright c SCHAFT Inc. All Rights Reserved.