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

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

 

アンカーリンク

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

 

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

——————————

<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>

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


 

うまく設定できると、

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

 

jump

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です