今回ご紹介するのは、ページ内で任意の場所に飛ばす方法。
すごく簡単です。
原型
① <a href="#A1"> ここに文字 </a>
② <div id=“A1”> ここに文字 </div>
①から②にジャンプできます。
①と②の “” 内は同じ文字 にします。
(上ではA1にしていますが、半角文字 ならなんでもいいです。)
①の “” 内は、半角文字の前に # をつけます。
( 文字はなくても大丈夫。その場合は、上記「ここに文字」の部分に
「 」を配置したらよいかと思います。)
例
それはあちらへ!
↑クリックしてみてください。どっかへ飛びます。
<p>それは<a href="#i1">あちらへ!</a></p>
<p>そちら。</p>
<p>こちら。</p>
<div id="i1"><p>あちら。</p></div>
②に関しては、サイトによってはちょうどいい場所に飛んでくれないことがあるので、
試してみてうまく飛べない時は、タグを配置する位置を調整する必要があるかもしれません。
ということで、
微妙にずれてしまう場合
<p>それは<a href="#i1">あちらへ!</a></p>
<div id="i1"></div>
<p>そちら。</p>
<p>こちら。</p>
<p>あちら。</p>
↑少しタグを貼る位置を微調整してみたり。
それでは今回はこのへんで。(*'▽')/
そちら。
こちら。
あちら。
( ´∀`)