URLにパラメータが付与されてる場合のアンカーリンク作成方法

URLにパラメータが付与されてる場合、アンカーリンクが機能しない。

本記事ではこのような悩みを解決。

パラメータが付与されてる場合のアンカーリンクの付け方について解説します。

通常のアンカーリンクの付け方

https://ドメイン.com/test#anchor

通常のアンカーリンクは、URL末尾に#アンカー名を付けると機能します。

パラメータ有りのアンカーリンクで機能しない場合は下記のようにリンク作成されてる可能性があります。

https://ドメイン.com/test#anchor/?test=hogehoge

アンカーの後にパラメータを付与するとアンカーが機能しないです。

パラメータ有りの場合、アンカーリンク付け方

https://ドメイン.com/test/?test=hogehoge#anchor

パラメータ有りの場合は上記のようにパラメータの後に#アンカー名を入れます。

これでアンカーが機能するようになるかと思います。

まとめ

URLにパラメータが付与されてる場合のアンカーリンク作成方法について紹介しました。

関連記事

HTMLCSS プログラミング

【簡単】CSSを使って蛍光マーカー風の下線を引く方法【linear-gradientを使おう】

2022.03.28
46
JavaScript プログラミング

【簡単】スマホでよくある横スライドメニューを実装する方法【jQuery・CSS使用】

2022.02.14
552
JavaScript プログラミング

jQueryを使って、金額を三桁でカンマ区切りする方法

2022.01.07
773
WordPress プログラミング

【wordpress】トップページとは別に投稿一覧(アーカイブページ)を用意・表示する方法

2022.01.11
475