リンク先の指定箇所にページ移動する方法 – HTML

Web



以下のリンクをクリックしたら指定箇所のトップページに移動するのではなく、意図的に決めた指定箇所に移動できる記述をご紹介します。




当サイト:「新生児と過ごす産後ママと赤ちゃんの必要な物を準備用品リストでご紹介!」より

当サイト:「出産で入院した時に必要なママと赤ちゃんの準備用品リストをご紹介!」より






リンクの中に#tocを記述します。


(例)

<p>ハンカチは、<a href="https://kurukurubatch.com/childbirth-preparation/#toc01">出産入院の準備用品(新生児用)</a>でもご紹介しています。</p>




リンク先にid="toc"を記述します。


(例)

<span id="toc01"><p>ガーゼハンカチ</p></span>




※「01」の部分は指定リンクを使い分けたいときのために数字表記しています。






コメント

タイトルとURLをコピーしました