別ページの指定した部分へリンクする


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

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

「同じページ内にリンクする」と似た方法で、別ページの指定した場所へリンクさせることができます。


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



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


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

リンク元の href="" には、まずリンク先ページのファイル名を記述し、シャープ( # )に続けて name="" で使用した名前を指定します。


使用例

リンク元ページ(name_example3.html)

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

-----------------------------

リンク先ページ(name_example4.html)

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


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


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


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



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント
[統計] HTMLからXHTMLへの移行を進めていますか?