現役エンジニア・デザイナーの備忘録ブログ

2020.3.22 / 更新日: 2022.1.12
HTML・CSS

idを使ってページ内をスクロールする【html / リンクの作り方】

リンクの作り方

リンクボタン

<a href="#link1">idを使ったページ内リンクについて</a>

 

リンク先

<h2 id="link1">idを使ったページ内リンクについて</h2>

 

リンクさせたい場所にidタグを設置し、リンクボタンにaタグで#指定したid名を書けばOK。

idの名前は任意で構いません。a href=”#任意の名前”というふうに、#を忘れずつけましょう。

 

サンプルを作ってみましたのでクリックしてみてください。

idを使ったページ内リンクについて

 

 

 

 

 

 

 

 

 

idを使ったページ内リンクについて

 

このようにきちんとリンクされています。

 

ブログ記事内で目次を作る

例えば、ブログ内で目次を作成し、ページ内をスクロールしてもらいたい時などに使うと便利です。

 

html

 

よかったら参考にしてください。
 

関連記事