url、src、href定義以及使用區別

標籤：word   顯示   script   引用   系統   csdn   擴充   建立   blank   

URL(Uniform Resource Locator)

統一資源定位器是對可以從互連網上得到的資源的位置和存取方法的一種簡潔的表示，是互連網上標準資源的地址。互連網上的每個檔案都有一個唯一的URL，它包含的資訊指出檔案的位置以及瀏覽器應該怎麼處理它。

url分為相對url和絕對url：

1、絕對URL

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

2、相對URL

相對URL（relative URL）以包含URL本身的檔案夾的位置為參考點，描述目標檔案夾的位置。如果目標檔案與當前頁面（也就是包含URL的頁面）在同一個目錄，那麼這個檔案的相對URL僅僅是檔案名稱和副檔名，如果目標檔案在目前的目錄的子目錄中，那麼它的相對URL是子目錄名，後面是斜杠，然後是目標檔案的檔案名稱和副檔名。

如果要引用檔案階層中更高層目錄中的檔案，那麼使用兩個句點和一條斜杠。可以組合和重複使用兩個句點和一條斜杠，從而引用當前檔案所在的硬碟上的任何檔案，一般來說，對於同一伺服器上的檔案，應該總是使用相對URL，它們更容易輸入，而且在將頁面從本地系統轉移到伺服器上時更方便，只要每個檔案的相對位置保持不變，連結就仍然是有效地。

href和src 的定義與區別：

href和src是有區別的，而且是不能相互替換的。我們在可替換的元素上使用src，然而把href用於在涉及的文檔和外部資源之間建立一個關係。

href (Hypertext Reference)指定網路資源的位置，從而在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個連結或者關係。當我們寫下：

<link href="style.css" rel="stylesheet" />

瀏覽器明白當前資源是一個樣式表，頁面解析不會暫停（由於瀏覽器需要樣式規則去畫或者渲染頁面，渲染過程可能會被暫停）。這與把css檔案內容寫在<style>標籤裡不相同，因此建議使用link標籤而不是@import來吧樣式表匯入到html文檔裡。

src (Source)屬性僅僅 嵌入當前資源到當前文件項目定義的位置。當瀏覽器找到

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

在瀏覽器下載，編譯，執行這個檔案之前頁面的載入和處理會被暫停。這個過程與把js檔案放到<script>標籤裡類似。這也是建議把JS檔案放到底部載入的原因。當然，img標籤頁與此類似。瀏覽器暫停載入直到提取和載入映像。

與img類似的有更多：replaced elements。

 

url、src、href定義以及使用區別