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

<< Home / ケータイ index / リンクタグ / 別ページの指定した部分へリンクさせる

Mobile Index

<A HREF="url#"><A NAME=""> 別ページの指定した部分へリンクさせる

対応機種： 同じページ内にリンクさせるで紹介した内容によく似ていますが、この設定では別ページの指定した場所へリンクさせることができます。 （リンク元） sample1.html <A HREF="sample2.html#abc">ABCの場所へジャンプ</A> ↓ ↓ ↓ （リンク先） sample2.html <A NAME="abc">ここへジャンプしてくる</A> リンク元の HREF="" には、シャープ（ # ）の前にリンク先ページのファイル名を記述し、#の後にはリンク先の NAME="" で指定したキーワードを記述します。上記例の場合はこのキーワードは abc になります。 このabcと書かれた部分が、リンクする側とされる側とを結びつけるキーワードになります。 【使用例】 リンク元ページ（sample1.html） 【リンク元】 <BR> 別ページの指定した部分へリンクする。 <BR> <A HREF="sample2.html#01">■項目1へ</A> <BR> <A HREF="sample2.html#02">■項目2へ</A> <BR> <A HREF="sample2.html#03">■項目3へ</A> リンク先ページ（sample2.html） 【リンク先】 <BR> <A NAME="01"></A> ■項目1 <BR><BR><BR><BR><BR><BR><BR> <A NAME="02"></A> ■項目2 <BR><BR><BR><BR><BR><BR><BR> <A NAME="03"></A> ■項目3 <BR><BR><BR><BR><BR><BR><BR> ■おわり ※赤がリンク元で緑がリンク先となります。 サンプル画面 sample1.html 【リンク元】 別ページの指定した部分へリンクする。 ■項目1へ ■項目2へ ■項目3へ sample2.html 【リンク先】 ■項目1 ■項目2 ■項目3 ■おわり 使用例のサンプル画面は、携帯電話での表示を想定したおおまかなイメージです。実際とは多少異なる場合があります。

<< 前のページにもどる