URL中“#” “?” &“”號的作用


      今天用數據庫查詢URL,發現URL中含有“#”,不會查到文件:

  查詢時需要將“海寧/二、丁壩70-107/821~9#樁式丁壩.pdf“ 改為 ”海寧/二、丁壩70-107/821~9%23樁式丁壩.pdf“,才能正確查詢海寧/二、丁壩70-107/821~9#樁式丁壩.pdf文件。

  URL無法顯示某些特殊符號,這個時候就要使用編碼了。編碼的格式為:一個百分號,后面跟對應字符的ASCII(16進制)碼值。例如,空格的編碼值是”%20“。

  URL中易出現的特殊字符:

      

特殊含義                                          十六進制

+ 表示空格(在URL中不能使用空格)                     %2B

/ 分隔目錄和子目錄                                  %2F

? 分隔實際的URL和參數                               %3F

# 表示書簽                                         %23

& URL中指定的參數間的分隔符                          %26

= URL中指定的參數的值                               %3D    

 

【轉載】http://www.cnblogs.com/chenyuming507950417/archive/2013/04/08/3007161.html

 

 

URL特殊字符需轉義 1、空格換成加號(+) 2、正斜杠(/)分隔目錄和子目錄   
3、問號(?)分隔URL和查詢 4、百分號(%)制定特殊字符 5、#號指定書簽 6、&號分隔參數  

 

  1. 轉義字符的原因: 

    如果你的表單使用get方法提交,並且提交的參數中有“&”等特殊符的話,如果不做處理,在service端就會將&后面的作為另外一個參數來看待。例如: 
    表單的action為list.jsf?act=go&state=5 
    則提交時通過request.getParameter可以分別取得act和state的值。 
    如果你的本意是act='go&state=5'這個字符串,那么為了在服務端拿到act的准確值,你必須對&進行轉義。 

    url轉義字符原理: 
    將這些特殊的字符轉換成ASCII碼,格式為:%加字符的ASCII碼,即一個百分號%,后面跟對應字符的ASCII(16進制)碼值。例如 空格的編碼值是"%20"。 

 

URL特殊符號及對應的十六進制值編碼:
+ URL中+號表示空格 %2B 空格 URL中的空格可以用+號或者編碼 %20 / 分隔目錄和子目錄 %2F ? 分隔實際的 URL 和參數 %3F % 指定特殊字符 %25 # 表示書簽 %23 & URL中指定的參數間的分隔符 %26 = URL中指定參數的值 %3D

 

 

URL中#號(井號)的作用  

2012-01-09 13:36:41 

 

今天又看到了一篇非常好的來自HTTPWatch的文章,不得不推薦給大家。

1. 井號在URL中指定的是頁面中的一個位置

井號作為頁面定位符出現在URL中,比如:http://www.httpwatch.com/features.htm#print ,此URL表示在頁面features.htm中print的位置。瀏覽器讀取這個URL后,會自動將print位置滾動至可視區域。

在頁面上添加錨點的方法為:<a name=”print”></a>或使用<div id=”print” >。

2.井號后面的數據不會發送到HTTP請求中

當時使用類似HttpWatch工具時,你是無法在Http請求中找到井號后面的參數的,原因是井號后面的參數是針對瀏覽器起作用的而不是服務器端。

3. 任務位於井號后面的字符都是位置標識符

不管第一個井號后面跟的是什么參數,只要是在井號后面的參數一律看成是位置標識符。

比如這樣一個鏈接(http://example.com/?color=#ffff&amp;shape=circle),后面跟的參數是顏色和形狀,但是服務器卻並不能理解URL中的含義。服務器接收到的只是:

4. 改變井號后面的參數不會觸發頁面的重新加載但是會留下一個歷史記錄

僅改變井號后面的內容,只會使瀏覽器滾動到相應的位置,並不會重現加載頁面。

比如從http://www.httpwatch.com/features.htm#filterhttp://www.httpwatch.com/features.htm#print,瀏覽器並不會去重新請求頁面,但是此操作會在瀏覽器的歷史記錄中添加一次記錄,即你可以通過返回按鈕回答上次的位置。這個特性對Ajax來說特別的有用,可以通過設置不同井號值,來表示不同的訪問狀態,並返回不同的內容給用戶。(注:在IE6和IE7下井號的改變不會增加歷史記錄。)

5、可以通過javascript使用window.location.hash來改變井號后面的值

window.location.hash這個屬性可以對URL中的井號參數進行修改,基於這個原理,我們可以在不重載頁面的前提下創造一天新的訪問記錄。如標記框架頁面當前的頁面:

除此之外,HTML 5新增的onhashchange事件,當#值發生變化時,就會觸發這個事件。

6. Googlebot對井號的過濾機制

默認情況下Google在索引頁面的時候會忽略井號后面的參數,同時也不會去執行頁面中的javascript。然而谷歌為了支持對Ajax生成內容的索引,定義了如果在URL中使用“#!”,則Google會自動將其后面的內容轉成查詢字符串_escaped_fragment_的值。

比如最新的twitter URL:http://twitter.com/#!/username,Google會自動請求http://twitter.com/?_escaped_fragment_=/username來獲取Ajax內容。

 

另外可以用#結合?等元素來標記流量來源,比如區分競價和自然流量等,這個就很給力了.

 

【轉載】http://blog.163.com/seo_luofeng/blog/static/17657502420120913641444/

 

 

URL中“#” “?” &“”號的作用

 

1. #

    10年9月,twitter改版。一個顯著變化,就是URL加入了"#!"符號。比如,改版前的用戶主頁網址為http://twitter.com/username改版后,就變成了http://twitter.com/#!/username
  這是主流網站第一次將"#"大規模用於重要URL中。這表明井號(Hash)的作用正在被重新認識。本文根據HttpWatch的文章,整理與井號有關的所有重要知識點。
一、#的涵義
  #代表網頁中的一個位置。其右面的字符,就是該位置的標識符。比如,http://www.example.com/index.html#print就代表網頁index.html的print位置。瀏覽器讀取這個URL后,會自動將print位置滾動至可視區域。
  為網頁位置指定標識符,有兩個方法。一是使用錨點,比如<a name="print"></a>,二是使用id屬性,比如<div id="print">。


二、HTTP請求不包括#
  #是用來指導瀏覽器動作的,對服務器端完全無用。所以,HTTP請求中不包括#。
比如,訪問下面的網址,http://www.example.com/index.html#print,瀏覽器實際發出的請求是這樣的:

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

 

三、#后的字符
  在第一個#后面出現的任何字符,都會被瀏覽器解讀為位置標識符。這意味着,這些字符都不會被發送到服務器端。
比如,下面URL的原意是指定一個顏色值:http://www.example.com/?color=#fff,但是,瀏覽器實際發出的請求是:

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

   

四、改變#不觸發網頁重載
  單單改變#后的部分,瀏覽器只會滾動到相應位置,不會重新加載網頁。
比如,從http://www.example.com/index.html#location1改成http://www.example.com/index.html#location2,瀏覽器不會重新向服務器請求index.html。

 

五、改變#會改變瀏覽器的訪問歷史
  每一次改變#后的部分,都會在瀏覽器的訪問歷史中增加一個記錄,使用"后退"按鈕,就可以回到上一個位置。這對於ajax應用程序特別有用,可以用不同的#值,表示不同的訪問狀態,然后向用戶給出可以訪問某個狀態的鏈接。值得注意的是,上述規則對IE 6和IE 7不成立,它們不會因為#的改變而增加歷史記錄。
  

六、window.location.hash讀取#值
  window.location.hash這個屬性可讀可寫。讀取時,可以用來判斷網頁狀態是否改變;寫入時,則會在不重載網頁的前提下,創造一條訪問歷史記錄。
  

七、onhashchange事件
  這是一個HTML 5新增的事件,當#值發生變化時,就會觸發這個事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持該事件。
  它的使用方法有三種:

  • window.onhashchange = func;
  • <body onhashchange="func();">
  • window.addEventListener("hashchange", func, false);

  對於不支持onhashchange的瀏覽器,可以用setInterval監控location.hash的變化。

八、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 = 異步 JavaScriptXML標准通用標記語言的子集)。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打開的頁面一樣,但是后面這個有問號,說明不調用緩存的內容,而認為是一個新地址,重新讀取。

3. &

不同參數的間隔符

 

【轉載】http://www.cnblogs.com/kaituorensheng/p/3776527.html

 

 

URL的井號

 

作者: 阮一峰

去年9月,twitter改版。

一個顯著變化,就是URL加入了"#!"符號。比如,改版前的用戶主頁網址為

  http://twitter.com/username

改版后,就變成了

  http://twitter.com/#!/username

在我印象中,這是主流網站第一次將"#"大規模用於直接與用戶交互的關鍵URL中。這表明井號(Hash)的作用正在被重新認識。本文根據HttpWatch的文章,整理與井號有關的所有重要知識點。

一、#的涵義

#代表網頁中的一個位置。其右面的字符,就是該位置的標識符。比如,

  http://www.example.com/index.html#print

就代表網頁index.html的print位置。瀏覽器讀取這個URL后,會自動將print位置滾動至可視區域。

為網頁位置指定標識符,有兩個方法。一是使用錨點,比如<a name="print"></a>,二是使用id屬性,比如<div id="print" >。

二、HTTP請求不包括#

#是用來指導瀏覽器動作的,對服務器端完全無用。所以,HTTP請求中不包括#。

比如,訪問下面的網址,

  http://www.example.com/index.html#print

瀏覽器實際發出的請求是這樣的:

  GET /index.html HTTP/1.1

  Host: www.example.com

可以看到,只是請求index.html,根本沒有"#print"的部分。

三、#后的字符

在第一個#后面出現的任何字符,都會被瀏覽器解讀為位置標識符。這意味着,這些字符都不會被發送到服務器端。

比如,下面URL的原意是指定一個顏色值:

  http://www.example.com/?color=#fff

但是,瀏覽器實際發出的請求是:

  GET /?color= HTTP/1.1

  Host: www.example.com

可以看到,"#fff"被省略了。只有將#轉碼為%23,瀏覽器才會將其作為實義字符處理。也就是說,上面的網址應該被寫成:

  http://example.com/?color=%23fff

四、改變#不觸發網頁重載

單單改變#后的部分,瀏覽器只會滾動到相應位置,不會重新加載網頁。

比如,從

  http://www.example.com/index.html#location1

改成

  http://www.example.com/index.html#location2

瀏覽器不會重新向服務器請求index.html。

五、改變#會改變瀏覽器的訪問歷史

每一次改變#后的部分,都會在瀏覽器的訪問歷史中增加一個記錄,使用"后退"按鈕,就可以回到上一個位置。

這對於ajax應用程序特別有用,可以用不同的#值,表示不同的訪問狀態,然后向用戶給出可以訪問某個狀態的鏈接。

值得注意的是,上述規則對IE 6和IE 7不成立,它們不會因為#的改變而增加歷史記錄。

六、window.location.hash讀取#值

window.location.hash這個屬性可讀可寫。讀取時,可以用來判斷網頁狀態是否改變;寫入時,則會在不重載網頁的前提下,創造一條訪問歷史記錄。

七、onhashchange事件

這是一個HTML 5新增的事件,當#值發生變化時,就會觸發這個事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持該事件。

它的使用方法有三種:

  window.onhashchange = func;

  <body onhashchange="func();">

  window.addEventListener("hashchange", func, false);

對於不支持onhashchange的瀏覽器,可以用setInterval監控location.hash的變化。

八、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內容。

(完)

 

【轉載】http://www.ruanyifeng.com/blog/2011/03/url_hash.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM