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

今回は、トップページのサイドバーに画像を貼り、そこをクリックすると、【製品紹介ページ】の【時計】にジャンプする、という設定をしました。
ページ内アンカーリンクとあんまりかわらず出来ます。
まずは、リンク元である、トップページの画像の設定です。
——————————
<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>
とリンク元ページで決めた、アンカー名を設定します。
うまく設定できると、
トップページの画像をクリックすると、製品紹介ページの”時計”項目が画面の一番上に表示されるようになります。
この記事へのコメントはありません。