URL中「#」 「？」 &「」號的做用

親們看完點個贊哦！(●'◡'●)

1、#的意思/做用
　　#表明網頁中的一個位置。相似於PPT裏面的頁內超連接。#右面的字符，就是該位置的標識符（即 這個位置的標記）。好比，http://www.XXX.com/index.html#location就表明www.xxx.com這個網站index.html這個網頁的location位置。我想這個例子應該很清楚了。瀏覽器讀取這個URL後，會自動將‘location’位置滾動至可視區域。
　　爲網頁位置指定標識符，有兩個方法。一是使用錨點，好比<a name="location"></a>，二是使用id屬性，好比<div id="location">。

2、HTTP請求不包括#
　　#是用來指導瀏覽器產生行爲的，對服務器端徹底沒用。個人理解是幫助你鎖定/定位這個頁面的某個位置的。因此，HTTP請求中不包括#。
好比，訪問下面的網址，http://www.XXX.com/index.html#location，瀏覽器實際發出的請求是這樣的：

GET /index.html HTTP/1.1
Host: www.XXX.com

 

3、#後的字符
　　在第一個#後面出現的任何字符，都會被瀏覽器解讀爲位置標識符。這意味着，這些字符都不會被髮送到服務器端。
好比，下面URL的原意是指定一個顏色值：http://www.XXX.com/?color=#fff，可是，瀏覽器實際發出的請求是：

GET /?color= HTTP/1.1
Host: www.XXX.com

 　　

4、改變#不觸發網頁重載
　　單單改變#後的部分，瀏覽器只會滾動到相應位置，不會從新加載網頁。因此不要看頁面有個跳的動做，就覺得頁面跳轉或者服務器端有所響應，其實沒有。
好比，從http://www.XXX.com/index.html#location1改爲http://www.XXX.com/index.html#location2，瀏覽器不會從新向服務器請求index.html。

 

5、改變#會改變瀏覽器的訪問歷史
　　每一次改變#後的部分，都會在瀏覽器的訪問歷史中增長一個記錄，使用"後退"按鈕，就能夠回到上一個位置。這對於ajax應用程序特別有用，能夠用不一樣的#值，表示不一樣的訪問狀態，而後向用戶給出能夠訪問某個狀態的連接。值得注意的是，上述規則對IE 6和IE 7不成立，它們不會由於#的改變而增長曆史記錄。

8、Google抓取#的機制
　　默認狀況下，Google的網絡蜘蛛忽視URL的#部分。
　　可是，Google還規定，若是你但願Ajax生成的內容被瀏覽引擎讀取，那麼URL中可使用"#!"，Google會自動將其後面的內容轉成查詢字符串_escaped_fragment_的值。
　　好比，Google發現新版twitter的URL：http://twitter.com/#!/username
　　就會自動抓取另外一個URL：http://twitter.com/?_escaped_fragment_=/username
　　經過這種機制，Google就能夠索引動態的Ajax內容。

 注

AJAX = 異步 JavaScript和XML（標準通用標記語言的子集）。AJAX 是一種用於建立快速動態網頁的技術。

2. ？

1）鏈接做用：好比

http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1

2）清除緩存：好比

http://www.xxxxx.com/index.html 
http://www.xxxxx.com/index.html?test123123

兩個url打開的頁面同樣，可是後面這個有問號，說明不調用緩存的內容，而認爲是一個新地址，從新讀取。

其次，我的經驗就是，用php作的頁面，網址中會有相似於

https://www..(網址路徑)....php?id= ... ....

這個裏面的？是php特有的一種交互方法，具體參加php的相關內容，php入門第一章應該會講，具體忘了。

3. &

不一樣參數的間隔符