URLの中には、「〓」「?」号の役割について

3911 ワード

1.〹
    10年9月、twitterが改版されました。一つの著しい変化は、URLに「〓!」記号例えば、改版前のユーザーのホームページのURLがhttp://twitter.com/usernameで改版された後に、http://twitter.com/#!/usernameになりました。
メジャーサイトでは初めて、重要なURLに「〹」が大規模に使われるようになりました。これは井号の役割が再認識されていることを示している。本文はHttpWatchの文章に基づいて、井戸号に関するすべての重要な知識点を整理します。
一、铉の意味
xiはホームページの一つの位置を表します。その右の文字は、その位置の識別子である。例えば、http://www.example.com/index.html#printはウェブサイトindex.のprint位置を表します。ブラウザはこのURLを読み込むと、自動的にprintの位置を可視領域にスクロールします。
ウェブページの位置に識別子を指定する方法は2つあります。一つはアンカーポイントを使用することで、例えばはid属性を使用することである。
二、HTTP要求には𞃳を含まない
ボスはブラウザの動作を指導するために使用されていますが、サーバー側は全く不要です。したがって、HTTP要求には、〹は含まれていない。
例えば、下のURLにアクセスしてください。http://www.example.com/index.html#print、ブラウザから実際に送った要求はこうです。
GET/index.HTTP/1.1
Host:www.example.com 
三、腣後の文字
最初のxiの後ろに現れる任意の文字は、ブラウザで位置識別子として解読されます。これは、これらの文字はサーバ端に送信されないことを意味する。
例えば、下のURLは本来は色の値を指定します。
GET/?カラー=HTTP/1.1
Host:http://www.example.com/?color=#fff
四、変更しました。ウェブページの重載をトリガしません。
単に変更した後の部分だけ、ブラウザは該当する位置にスクロールして、ページを再ロードしません。
例えば、www.example.comからhttp://www.example.com/index.html#location1に変更しても、ブラウザは再サーバにindexを要求しない。
五、ブラウザのアクセス履歴を変える
毎回変更した後の部分は、ブラウザの訪問履歴に記録を追加します。「後退」ボタンを使うと、前の位置に戻ります。これはajaxアプリケーションにとって特に有用であり、異なるアクセス状態を表し、ある状態にアクセスできるリンクをユーザに与えることができる。なお、上述の規則はIE 6及びIE 7に対して成立していない。これらは、芫の変化によって履歴を増加することはない。  
六、window.locations.hashは嗳値を読みます。
window.location.hashという属性は読み書きができます。読み取り時に、ウェブページの状態が変化しているかどうかを判断するために使用できます。書き込み時には、ウェブページを再ロードしないことを前提に、アクセス履歴を作成します。
七、onhashchange事件
これはHTML 5によって新たに追加されたイベントで、〓値が変化すると、このイベントがトリガされます。IE 8+、Firefox 3.6+、Chrome 5+、Safari 4.0+はこのイベントをサポートします。
その使い方は三つあります。

window.onhashchange = func;
<body onhashchange="func();">
window.addEventListener("hashchange", func, false);
Onhashchangeをサポートしていないブラウザに対して、setIntervalでlocations.hashの変化を監視することができます。
八、Googleが嗳をつかむ仕組み
デフォルトでは、Googleのネットワーク蜘蛛はURLの啝部分を無視します。
しかし、Googleでは、Ajaxが生成したコンテンツを閲覧エンジンに読み込ませることを望むなら、URLに「〓!」を使うこともできます。Googleは自動的にその後ろの内容を検索文字列_に変換します。escaped_fragmentの値を返します。
例えば、Googleが新版ツイッターのURLを発見する:http://www.example.com/index.html#location2
他のURLが自動的にキャッチされます。http://twitter.com/#!/username
このようなメカニズムにより、Googleは動的なAjaxコンテンツをインデックスすることができます。
 注
AJAX=非同期JavaScriptとXML(標準共通マーク言語のサブセット)。AJAXは高速ダイナミックページを作成する技術です。
2.
1)接続作用:例えば
http://twitter.com/?_escaped_fragment_=/username
2)キャッシュクリア:例えば
http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1
http://www.xxxxx.com/index.html
二つのurlが開いているページは同じですが、後ろにはこの疑問符があります。キャッシュの内容を呼び出さずに、新しい住所とみなして再読み込みします。
3.
異なるパラメータの間隔
以上は、小编がご绍介したURLの中の「啱」「?」日の作用は簡単に分析して、みんなに対して助けがあることを望んで、もしみんなはいかなる疑問があるならばメッセージを下さい、編集者は直ちにみんなのに返答することができます。ここでも私たちのサイトを応援してくれてありがとうございます。