ページ内の特定の箇所にジャンプする方法ってどうやるの？
先日職場で、
「ページ内の特定の箇所にリンク先をとばしてほしい」
と言われてこまったあざ子です。
調べたら設定自体は簡単でした。
【基本】リンク先を設定するHTMLコード
ページにリンク先を設定するのは、
■同一ページで開く場合
<a href="URL">テキスト</a>■別タブで開く場合
<a href="URL" target="blank"rel="noopener>テキスト</a>ですね。
ページ内の特定の場所を指定する場合
これに対して、ページのトップではなく、特定の場所にリンクを飛ばすためには、
リンク先にもコードを入れる必要があります。（つまり、目的地とスタート地点両方にコードを入れる）
まずゴール地点に入れるコードはこちら。
<h2 id="section-01">テキスト<h2>名前をつけるんですが、名前自体は自由です。ここではsection-01としてます。
スタート地点に入れるコードは
<a href="#section-01">テキスト</a>になります。
ちなみに、別ページからリンクを飛ばしたい場合は、
<a href="URL#section-01"></a>となります。
コメント