高卒の私が28歳から未経験でWEBデザイナーになった体験談

【PHP】URLに~(チルダ)が勝手についてしまう件でアレコレ

最近対応した案件にこんなことがありましたので備忘録。

クライアントの自社サーバーにVPNで入って、Wordpressと英語版のWordpressじゃないサイトを作る案件でした。

トップページは問題ないのですが、下層ページに行くとブラウザのアドレスバーのURLに~が入ってる。
もちろん、アンカーリンクにはそんなもん入れた覚えはありません。

ちなみに、この記号、「カラ」と呼んでたのですが、正式には「チルダ」というようです。

ということで、今回は、URLにチルダが勝手につく件です。

~がつく原因

分かりません。
かなりググって探したのですが、原因がわかりませんでした。
ですが、解決策はわかりました!

~を消すためにやったこと

いろいろ試行錯誤してたのですが、あることに気づきました。
ページによっては、URLに~がついていないページもあったのです。

ソースを見てみると。

<li><a href="http://kyo-kara.xyz/test">~がつく</a></li>
<li><a href="http://kyo-kara.xyz/test/">~がつかない</a></li>
<li><a href="http://kyo-kara.xyz/test">~がつく</a></li>

なんと、アンカーリンクのhrefの末尾に/(スラッシュ)が入ってるか入ってないかの違い!

全てのリンクに/を付けたところ解決しました!



ということで、今回はブラウザーのアドレスバーのURLに勝手に~がつくのを消せたよ!って記事でした。

これはググっても全然出てこなかったから、「URL 勝手に~がつく」の検索結果で一番に表示されることを期待してますw

それでは!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


Recommend
No articles