HOME >> HTML > 同じページ内のリンク

point 同じページ内のリンク

<A href="#名前">〜〜〜</A>
<A name="名前">〜〜〜</A>
このタグを使えば、同じページ内の指定した場所にリンクすることができます。
例えば縦に長いページを作成する場合、まずページの上の部分にメニューを作り、そこから同じページの指定した場所に移動したり、ページの一番下から上の部分にあるメニューに移動したりすることができます。

このタグの使い方ですが、まず、リンクしたい場所のテキストや画像を<A name="名前">〜〜〜</A>で囲み、その場所に名前をつけます。名前の指定は半角英数字で記入します。次にリンク元で<A href="#名前">〜〜〜</A>のように、ハッシュマーク (#)に続けてリンクしたい場所につけた名前を指定します。

これだけでは分かりにくいと思うのでとりあえずここをクリックしてみて下さい。
このページの一番下に行きましたね。
一番下の所に<A name="shita">ページの下です</A>と記入して「ページの下です」のテキストにshitaという名前をつけています。そして、「ここをクリック」のテキストに<A href="#shita">ここをクリック</A>のように記入し、shitaと名前をつけた場所にリンクするようにしています。

ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<A href="#shita">ページの下に移動</A>
         ・
         ・
<A name="shita">ページの下です。</A>
</BODY>
</HTML>
スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved

ページの下です
元の場所に帰る。

.