你知道URL、HREF、SRC它們有什麼不一樣嗎？

​

1、URL

 統一資源定位符 （ Uniform Resource Locator）是對可以從網際網路上得到的資源的位置和通路方法的一種簡潔表示，是網際網路上标準資源的位址；網際網路上的每個檔案都有一個唯一的 URL ,它包含的資訊指出檔案的位置以及浏覽器應該怎麼處理它

結構

基本的 URL 包含 模式（或稱協定）、伺服器名稱（或 IP 位址）、路徑和檔案名；如 “ 協定:// 授權 / 路徑 ? 查詢 ”

完整的、帶授權部分的普通統一資源辨別符文法看上去如下：協定:// 使用者名: 密碼@子域名.域名.頂級域名: 端口号/目錄/檔案名.檔案字尾?參數 = 值#标志

模式/協定（scheme）:它告訴浏覽器如何處理将要打開的檔案。最常用的模式是超文本傳輸協定（ Hypertext Transfer Protocol , HTTP ）

其它協定：

https ————用安全套接字層傳送的超文本傳輸協定

ftp ———— 檔案傳輸協定

mailto ————電子郵件位址

ldap ————輕型目錄通路協定搜尋

file ————當地電腦或網上分享的檔案

gopher ———— Gopher 協定

telnet ———— Telnet 協定

檔案所在的伺服器的名稱或者 IP 位址，其有時還跟一個冒号和一個端口号，它也可以包含接觸伺服器必須的使用者名稱和密碼；

路徑部分包含等級結構的路徑定義，一般來說不同部分之間以斜杠( / ) 分隔；

詢問部分一般用來傳送對伺服器上的資料庫進行動态詢問時所需要的參數

分類

絕地 URL：絕對 URL （ absolute URL ） 顯示檔案的完整路徑，這意味着絕對 URL 本身所在的位置與被引用的實際檔案位置無關

相對 URL ：  相對 URL （ relative URL ） 以包含 URL 本身的檔案夾的位置為參考點，描述目标檔案夾的位置；

如果目标檔案與目前頁面 （即包含 URL 的頁面）在同一目錄，那麼這個檔案的相對 URL 僅僅是檔案名和擴充名；

如果目标檔案在目前目錄的子目錄中，那麼它的相對 URL 是子目錄名 + / + 目标檔案的檔案名和擴充名；

一般來說，對于同一伺服器上的檔案，應該總是使用相對 URL ，它們更容易輸入，而且在将也頁面從本地系統轉到伺服器上時更友善，隻要每個檔案的相對位置保持不變，連結就仍然有效

附：建立路徑常用幾個特殊符号及其含義

1. '.'
 # 代表目前所在目錄，相對路徑
 
 2. '..'
 # 代表上一層目錄，相對路徑 父目錄
 
 3. '../../'
 # 代表上一層目錄的上一層目錄，相對路徑  爺爺級
 
 4. '/'
 # 代表根目錄，絕對路徑
 
 5. 'C:/abc/'
 # 代表根目錄，絕對路徑      

2、href

href （ Hypertext Reference ）超文本引用

指定超連結目标的 URL；href 屬性值可以是任何有效文檔的相對或絕對 URL ，包括片段辨別符和JavaScript 代碼段。

用法分類

# 1. 内部連接配接
<a href = '#/url'>name</a>
 
# 2. 錨記
<a name = "object-name">name</a><a href="#object-name">name</a>
 
# 3. 外部連結(建立一個以name為表象的網址連結)
<a href="URL">name</a>  
 
# 4. 連結說明文字
<a href ="/" title="連結說明">連結說明</a>
 
# 5. 特效連結（特效連結的目的不是跳轉到其他位置，而是為了實作基本頁面特效）
# 例如：JavaScript腳本
<a href = "javascript:alert('夜深了早點休息吧！')">點選我！</a>
<a href ="javascript:;">回到頂部</a>
 
#6. 外部css引用
<link type ="text/css" rel="stylesheet" href="../css/test.css"/>
# 浏覽器明白目前資源是一個樣式表，頁面解析不會暫停(由于浏覽器需要樣式規則去渲染頁面，渲染過程中可能會被暫停) 
# 這與把css檔案内容寫在<style>标簽不同，是以建議用link标簽而不是@import來把樣式表導入html文檔裡      

3、src

src （ source ） 源

僅嵌入目前資源到目前文檔元素定義的位置，當浏覽器找到

<script src = "script.js"></script>      

在浏覽器下載下傳、編譯、執行這個檔案之前頁面的加載和處理會被暫停。這個過程與把 js 檔案放到<script>标簽類似，這也是建議把 js 檔案 放到底部加載的原因；當然，img 标簽頁 與此類似，浏覽器暫停加載知道提取和加載圖像。

本文完〜