HTML&CSS Web制作のインデックス -各種リファレンスとサンプルコード集-

<< Home / ケータイ index / リンクタグ / 同じページ内にリンクさせる

Mobile Index

<A HREF="#"><A NAME=""> 同じページ内にリンクさせる

対応機種： Aタグにこの設定を追加すると、同じページ内でのリンク移動が可能になります。 （リンク元） <A HREF="#abc">ABCの場所へジャンプ</A> ↓ ↓ ↓ （リンク先） <A NAME="abc">ここへジャンプしてくる</A> リンク先の NAME="" には、半角英数字で好きなキーワードを記述します。（上記の例の場合は abc になります） リンク元の HREF="" には、シャープ（ # ）に続けて NAME="" で指定したキーワードを記述します。 この abc と書かれた部分が、リンクする側とされる側を結びつけるキーワードになります。このキーワードは半角英数字で好きな名前を指定できますが、1ページ内に複数のリンク設定を行う場合は、それぞれ別の名前を付ける必要があります。 【使用例】 <A NAME="top"></A> ページ内リンクのサンプル。 <BR> 下の項目へ移動するリンクと、ページのトップに戻ってくるリンクの組み合わせ。 <BR> <A HREF="#bottom">↓下の項目へ</A> <BR><BR><BR><BR><BR><BR><BR> <A NAME="bottom"></A> ■下の項目 <BR> <A HREF="#top">↑topへ</A> <BR><BR><BR><BR><BR><BR><BR> ■おわり <BR> <A HREF="#top">↑topへ</A> ※赤がリンク元で緑がリンク先となります。 サンプル画面 ページ内リンクのサンプル。 下の項目へ移動するリンクと、ページのトップに戻ってくるリンクの組み合わせ。 ↓下の項目へ ■下の項目 ↑topへ ■おわり ↑topへ 使用例のサンプル画面は、携帯電話での表示を想定したおおまかなイメージです。実際とは多少異なる場合があります。

<< 前のページにもどる