href與src的區別

2022-08-01 05:45:14 字數 935 閱讀 2632

我們在開發頁面的時候,有時候會引用一些外部的資源,經常分不清href與src,下面我們就扯一扯它們之間到底有什麼區別,這樣我們使用的時候就做到心中有數。

1. href:(全稱:hypertext reference,超文字引用),它指向一些網路資源,建立和當前元素或者說是當前文件的鏈結關係。在載入它的時候,不會停止對當前文件的處理,瀏覽器會繼續往下執行。通常在a、link等標籤中使用。

1

<

a href

="">

a>23

<

link

href

="reset.css"

type

="text/css"

rel="stylesheet"

>

2. src:(全稱:source, 資源)表示的是對資源的引用,它執行的內容會嵌入到當前標籤所在的位置(我們通常稱它們為 可替換元素,可替換元素與不可替換元素這裡不詳細介紹了)。由於src的內容是頁面必不可少的一部分,因此瀏覽器在解析src時,會停下來對後續文件的處理,直到src的內容載入完畢。常用在img、iframe、video、audio、script等標籤中。這也就是為什麼我們建議js檔案放在html文件的最後面。如果js檔案放在了head標籤中,可以使用window.onload()方法,實現js的最後載入。

總結:1. href用於建立當前頁面與引用資源之間的關係(鏈結);而src則會替換當前標籤。

2. 遇到href,頁面會並行載入後續內容;而src則不同,瀏覽器需要載入完畢src的內容才會繼續往下執行。

雜記 src與href區別

href是hypertext reference的縮寫,指向網路資源所在位置,建立和當前元素 錨點 或當前文件 鏈結 之間的鏈結,如果我們在文件中新增 href common.css rel stylesheet src 表示引用乙個外部資源,並將資源載入到當前元素中 阻塞的。瀏覽器解析到此處會暫停...

src與href屬性的區別

src和href之間存在區別,能混淆使用。src用於替換當前元素,href用於在當前文件和引用資源之間確立聯絡。src和href之間存在區別,能混淆使用。src用於替換當前元素,href用於在當前文件和引用資源之間確立聯絡。js.js script href是hypertext reference的...

src與href屬性的區別

src和href之間存在區別,能混淆使用。src用於替換當前元素,href用於在當前文件和引用資源之間確立聯絡。href是hypertext reference的縮寫,指向網路資源所在位置,建立和當前元素 錨點 或當前文件 鏈結 之間的鏈結,如果我們在文件中新增 疑問 對於link樣式表載入過程會不...