URLに#が付いてるのはどういう意味なんでしょうか → http://example.com/myinfo/#/myinfo

Question

URLに#が付いてるのはどういう意味なんでしょうか

http://example.com/myinfo/#/myinfo

昔のtwitterもそうだった気がします。

Answer 1

URLフラグメントと言います。本来は、というか、普通は、HTMLのページの中の見出しみたいなものです。
HTMLに、<a name="foo">と書くと、http://example.com/myinfo#fooというURLでそのページにアクセスすると<a name="foo">と書いた位置までブラウザがスクロールしてくれます。

例えば、Wikipediaのページだと目次が付いていることが多いと思いますが、目次をクリックするとそこまでスクロールしてくれますよね？その機能です。目次クリックでは、ブラウザはサーバーにページを取りに行かずに、単にスクロールするだけです。

この、「#以降が違うだけのURLへのリンクをクリックしてもページ遷移しない」という特徴を利用して、別の目的に使ったものが、http://example.com/myinfo/#/myinfo等です。ページ遷移をせずに表示内容を書き換えたいときに使います。リンクをクリックしただけだと、サーバーにアクセスに行かないので何も起こらないですが、JavaScriptと組み合わせることで、フラグメント部分の変化をJavaScriptで検知して、「Ajaxというページ遷移を行わないサーバーアクセス」で情報を得て、JavaScriptでページを書き換えます。

Comments

[axax90]

ありがとうございますー！