基礎概念解析 - url、src和href的區別


1. url(uniform resource locator) 統一資源定位符

  url是對可以從互聯網上得到的資源的位置和訪問方法的一種簡潔的表示,是互聯網上標准資源的地址。互聯網上的每個文件都有一個唯一的URL,它包含的信息指出文件的位置以及瀏覽器應該怎么處理它。

  > 是互聯網上標准資源的地址,≈“地址”,不是屬性。

url語法規則:
scheme://host.domain:port/path/filename

  * scheme - 定義因特網服務的類型,最常見的類型是 http
  * host - 定義域主機(http的默認主機是www)
  * domain - 定義因特網域名,比如 w3school.com.cn
  * port - 定義主機上的端口號(http的默認端口號是80)
  * path - 定義服務器上的路徑(如果省略,則文檔必須位於網站的根目錄中)
  * filename - 定義文檔/資源的名稱

 

2. href(hypertext reference)  超文本引用

  href 指向網絡資源所在位置,建立和當前元素(錨點)或當前文檔(鏈接)之間的聯系。href 屬性的值可以是任何有效文檔的相對或絕對URL,包括片段標識符和JavaScript代碼段。若在文檔中添加 ,瀏覽器會識別該文檔為 CSS 文件,就會並行下載資源並且不會停止對當前文檔的處理。

  > href用來建立與網絡資源的聯系,讓當前標簽能夠鏈接到目標地址。

常見於:
  <link rel="stylesheet" type="text/css" href="theme.css"/>
    * href 規定被鏈接文檔的位置。 
    * rel 規定當前文檔與被鏈接文檔之間的關系。

  <a href="http://www.w3school.com.cn">W3School</a>
  <a href="#" onclick="return false"></a>
    * href 規定鏈接指向的頁面的 URL。 

 

3. src(source)  嵌入當前資源到當前文檔元素定義的位置

  src指向外部資源的位置,在請求 src 資源時會將其指向的資源下載並應用到當前文檔元素定義的位置(替換當前內容)。在瀏覽器下載,編譯,執行這個文件之前頁面的加載和處理會被暫停。

  > src用來替換當前元素

常見於:
  <script type="text/javascript" src="js/tools.js"></script>
    * src 規定外部腳本文件的 URL。
  <img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" />
    * src 規定顯示圖像的 URL。


免責聲明!

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



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