＃！ハッシュタグと感嘆符はフォルダ内のリンクにありますか？私は私のページがGroovesharkのページ<br> <a href="http://grooveshark.com/#!/popular" rel="noreferrer">http://grooveshark.com/#!/popular</a><br> のように表示させることができる方法

Question

は、jQueryのまたはJavaScriptでページを表示するためのこの方法を行う方法を知っているのチュートリアルか何かはありますか？

Answer 1

URL内のハッシュと感嘆符は、ハッシュバーンと呼ばれ、通常、ページを実際にロードする役割を担うウェブアプリケーションで使用されます。ハッシュ後のコンテンツは決してサーバーに送信されません。たとえば、あなたがURLを持っているならば、example.com/#!recipes/bread。この場合、example.comのページがサーバーからフェッチされますが、これにはJavaScriptが含まれている可能性があります。このスクリプトはlocation.hashから読み取って、/recipes/breadにページを読み込みます。

GoogleはこのURLスキームをAJAX URLとして認識し、JavaScriptからレンダリングされるので、サーバーからコンテンツを取得しようとします。この手法を使用してサイトを作成する場合は、google's AJAX crawling documentation for webmastersをご覧ください。 Gawker learned the hard way.

ハッシュバングが多くのサイトで使用されなくなっていることに気付いてください。さらにjavascriptがルーティングを行います。これは、すべての主要ブラウザがhistory APIをサポートしているために可能です。これを行うには、サイトのすべてのパスを同じJavascriptで返します。次に、実際のURLをコンテンツに読み込みます。ユーザーがリンクをクリックすると、Javascriptはclickイベントをインターセプトし、History APIを使用してブラウザの履歴に新しいページをプッシュし、新しいコンテンツを読み込みます。