別のページへアンカーリンク（文書の特定箇所に飛ぶ）

今回は、トップページのサイドバーに画像を貼り、そこをクリックすると、【製品紹介ページ】の【時計】にジャンプする、という設定をしました。

ページ内アンカーリンクとあんまりかわらず出来ます。

まずは、リンク元である、トップページの画像の設定です。

——————————

＜div align=”center”＞
＜a href=“seihin#tokei” target=”_blank”＞＜img src=”画像のURL” alt=”画像の説明など”＞＜/a＞＜/div＞

——————————

＞と＜は半角に

“seihin#tokei”

seihinは、リンクしたいページの名前。recruit.phpだったら、

“recruit.php#tokei”

tokei

は、アンカー名

なんでもいいです。1バイト(英語や数字)なら。

次はリンク先ページの設定

製品紹介ページのseihinを編集モードで開きます。

”時計”の項目に、

<div id=”tokei”>時計</div>

とリンク元ページで決めた、アンカー名を設定します。

うまく設定できると、

トップページの画像をクリックすると、製品紹介ページの”時計”項目が画面の一番上に表示されるようになります。