同じページ内にリンクする

[統計] HTMLからXHTMLへの移行を進めていますか?


<a href="#"><a name="">

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
インライン要素

aタグにこの指定を行うと、ページ内のリンク移動が可能になります。


(リンク元)
<a href="#abc">ABCの場所へジャンプ</a>



(リンク先)
<a name="abc">ここへジャンプしてくる</a>


リンク先の name="" には、任意の名前(識別名)を指定します。(上記の例の場合は abc になります)
※識別名には、アルファベットで始まる半角英数字(一部の記号も使用可)で好きな名前を指定できます。
※識別名に使用できる記号は、ハイフン( - )、アンダーバー( _ )、コロン( : )、ピリオド( . )の4つです。

リンク元の href="" には、シャープ( # )に続けて name="" で使用した名前を指定します。

この abc という名前が、リンク元とリンク先を結びつけることになります。1ページ内に複数のリンク設定を行う場合には、この名前が重複しないように注意してください。


使用例

同じページ内にリンクしてみます

<a href="#aaa">Aの場所へ移動</a>
<br>
<a href="#bbb">Bの場所へ移動</a>
<br>
<a href="#ccc">Cの場所へ移動</a>


<a name="aaa">ここがAの場所</a>


<a name="bbb">ここがBの場所</a>


<a name="ccc">ここがCの場所</a>


これをブラウザで見ると次のように表示されます


戻る際のリンクを追加してみます

<a name="menu">【メニュー】</a>
<br>
<a href="#aaa">Aの場所へ移動</a>
<br>
<a href="#bbb">Bの場所へ移動</a>
<br>
<a href="#ccc">Cの場所へ移動</a>


<a name="aaa">ここがAの場所</a>
<br>
<a href="#menu">↑メニューへ</a>


<a name="bbb">ここがBの場所</a>
<br>
<a href="#menu">↑メニューへ</a>


<a name="ccc">ここがCの場所</a>
<br>
<a href="#menu">↑メニューへ</a>


これをブラウザで見ると次のように表示されます



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント