同じページ内のリンク

同じページ内の指定した場所にリンクする事も可能です。

縦長の情報量の多いページを作成する場合、まずページの上の部分にメニューを作り、そこから同じページの指定した場所に移動したり、ページの一番下から上の部分にあるメニューに移動したりすることができます。

まずは、リンクしたい場所のタグにid="名前"を使って、その場所に名前をつけます。名前の指定は半角英数字で記入します。

次にリンク元で<a href="#名前">〜〜〜</a>のように、ハッシュマーク (#)に続けてリンクしたい場所につけた名前を指定します。

これだけでは分かりにくいと思うのでとりあえずここをクリックしてみて下さい。

このページの一番下に行きましたね。一番下の所に<p id="shita">ページの下です</p>と記入して「ページの下です」のテキストにshitaという名前をつけています。

そして、「ここをクリック」のテキストに<a href="#shita">ここをクリック</a>のように記入し、shitaと名前をつけた場所にリンクするようにしています。