2020.3.22
html-css

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

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

リンクの作り方

リンクボタン

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

 

リンク先

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

 

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

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

 

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

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

 

 

 

 

 

 

 

 

 

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

 

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

 

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

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

 

html

 

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

Share Please

Read this too