たまに忘れがちな「URLパラメータ」と「アンカーリンク」の記述順序について | 素材の壺

2018年7月3日

たまに忘れがちな「URLパラメータ」と「アンカーリンク」の記述順序について

とても初歩的な事ですが、たまに順序を忘れる事があるのでメモ程度に。?と&で区切る「URLパラメータ」と、#で指定する「アンカーリンク」を一緒に記述する時の注意点です。

順序を間違えると動作しない

例えば「https://www.materialpot.com/」に「?utm_source=web」というURLパラメータと「#section」というアンカーリンクを設定する場合、順序によっては動作しなくなります。

/*動作する*/
https://www.materialpot.com/?utm_source=web#section

/*動作しない*/
https://www.materialpot.com/#section?utm_source=web

「URL + URLパラメーター + アンカーリンク」の順で記述しないと動作しないわけですね。知れば簡単ですがたまに忘れがちな、「URLパラメータ」と「アンカーリンク」の記述順序についてでした。

アンカーリンク, URLパラメータ

コメントを残すコメントをキャンセル