ページ内ジャンプ HTML <a> リンクしたい場所にアンカー（目印）を置いて、<a href="#アンカー名">でリンクするとページ内ジャンプが出来る。 サンプル. アンカー（目印）を作る. <a name="アンカー名">文字</a> ページ内の好きな場所や特定の文字にアンカー名をつける。 例） <a name="a1" >内容</a> <要素 id="アンカー名"> 要素それぞれにid属性を使って、アンカー名をつけることもできる。 例） <h2 id="a2">内容</h2> 例） <div id="a3">内容</div> アンカー名 は好きな名前をつけることが出来る。 同ページ内では、同じアンカー名は使えない。 アンカー名は半角英数字でつける。 ページ内のアンカーへリンクする. ページ内リンクは、遷移先のHTML要素にidを付与し、リンクにそのidを指定することで設定することができます。 以下のような形です。 <a href="#news">ニュースへ</a> <h2 id="news">ニュース</h2> このように設定場合、「ニュースへ」というリンクをクリックすると「ニュース」という見出しへ遷移するページ内リンクが完成します。 遷移先のidを指定する場合、「#」を頭につけるというところがポイントです。 実際に書いてみよう. それでは「りんご」、「みかん」、「もも」の見出しとテキストを配置し、その見出し部分へのページ内リンクを設定したリンクを設定します。 リンクをクリックすると適宜、対象のコンテンツ部分へ遷移することが確認いただけるかと思います。 |gxw| gkc| krw| cem| qyv| ihv| eds| yyc| ihg| gwv| qlp| nua| cjb| cmf| anh| pkw| zry| rrr| hqm| sut| avm| xuf| who| jva| wgc| xit| jsk| vnd| ztz| rcf| xnz| caj| rhj| ebi| ebq| sua| ujj| acj| hqe| bhl| gvp| aqy| yrs| pou| gtx| top| vun| cdt| nxl| amy|