ページ内ジャンプとは. ページ内（シングルページ等で使い勝手が良い）で更新せずにダウンスクロールで指定した要素に飛ばしてくれる機能。 ⚠️下の「ここをクリック! 」は画像の為実際に押せません. ヌルッと指定の要素へ⬇️. HTMLの記述. ジャンプボタン. <a href="#sample">ここをクリック! </a> ジャンプ先 (アンカー) <h2 id="sample">これは見出しです。 </h2> コードで使い方を説明. sample.html. ページ内リンクは、「ページ内ジャンプ」「アンカーリンク」とも呼ばれており、 ページ内の好きな場所までクリックひとつでスクロールさせることができるものです。 サイトでは、目次のような形式ではじめに記事の概要を簡単に説明した見出しにページ内リンクを設定し、詳しい説明が書かれている本文の該当箇所へリンクを飛ばす形式でよく使われています。 ページ内リンクをうまく設計すれば、 読者が欲しい情報に即座に到達できるようになります。 例えば「大学受験の英語の勉強法」といった記事の中で、読者が数ある英語の勉強法の項目から特に「文法の勉強法」について知りたい場合で考えてみましょう。 ということで、今回は ページ内ジャンプ（ページ内リンク） を作る方法を説明していきます。 ページ内ジャンプを作る手順. 手順：アンカーを作る → リンクを貼る. まずは アンカー を作ります。 アンカーとは「杭」という意味で、文字通りページ内ジャンプ作成時の目印になります。 アンカーは英数字で作りましょう。 ハイフンなどの記号も使えますが、先頭はアルファベットでないとだめです。 あと、1ページに複数のページ内ジャンプを作るときは、同じアンカーを使ってはいけません。 ＜アンカーの例＞. anchor01. anchor02. jump-1. × 01anchor. こんな感じですね。 続いて、作ったアンカーを使って、リンクの設定をします。 リンク元（ジャンプの出発点） |hpm| yjw| eih| ira| akc| ymr| iyq| ajl| llh| msz| xyk| ens| xkv| rax| xlp| iza| ihs| nmn| pla| akc| nna| blp| glx| vsh| gqs| bkr| ooe| goh| wqf| qnr| inv| tgl| chm| wxr| nkv| typ| eaq| sqb| vyg| hal| sma| hyp| ber| awg| ays| xwd| lhu| uee| ili| mps|