【HTML/CSS】ページ内リンクを設定するときの注意点

正しいページ内リンクの設定

①飛びたい先に「id名」を指定

<div id="test">テキストテキスト</div>

②ボタンにリンク先を指定

ボタンにページ内リンクで飛ばしたい先のURLを指定します。

“飛びたいページのURL#id名”

https://xxxxxxxx.com#test


注意点

実際に私も間違ってしまったんですが、

このように「#test」の前に「/」をつけてしまうと、別ページだと認識されページ内リンクができなくなります。

https://xxxxxxxx.com/#test


まとめ

今回はページ内リンクを設定するときの方法と注意点をまとめてみました!

実際に自分が間違ったことがあったので、こんな初歩的なことでページ内リンクがうまく設定できないのは辛いですよね^^;

コメント

タイトルとURLをコピーしました