HTML中src和href之間的區別

2021-10-23 20:19:43 字數 540 閱讀 2009

簡單來說 src 就是 「我想載入這個資源」,而 href 就是 「我想和這個資源建立關聯」

href 屬性說明本地web資源和定義的資源建立了鏈結。

如:

瀏覽器知道這個資源是乙個樣式表,解析到這個元素時不會停止,但是渲染頁面可能會停止,因為瀏覽器需要樣式規則就渲染頁面。

瀏覽器不會將css檔案內容載入進style tag。因此我們建議使用link標籤,而不是@import去載入樣式表。

src 屬性會嵌入相應的資源到當前頁面。如:

當瀏覽器載入並處理頁面的時候,直到找到script.js並完成js的編譯。才會繼續進行後續的頁面編譯解析工作。

會載入js的內容到script標籤中。這個跟img標籤很類似。瀏覽器解析到img標籤,會載入響應的放進img標籤。

這也就是為什麼要把js 檔案放到文件最後載入。在標籤之前。  

src和href的區別

src和href從使用上來看都是對外部資源的一種引用,但是在具體理解上是有差異的。href的值指定的是資源在網路上的位置,定義的是當前頁面上的某個元素與需要的資源檔案的乙個鏈結。比如下面乙個語句。href引用 當瀏覽器解析到頁面的這條語句時,會知道在這裡引用了乙個外部樣式檔案,但並不會阻止頁面解析 ...

href和src的區別

href和src的區別 1.href hypertext reference的縮寫,超文字引用,它指向一些網路資源,建立和當前元素或者說是本文件的鏈結關係。在載入它的時候,不會停止對當前文件的處理,瀏覽器會繼續往下走。常用在a link等標籤。a text css rel stylesheet hr...

src和href的區別

src和href的區別 我們在開發頁面的時候,有時候需要需要引用一些外部的資源,經常分不清href與src,下面我們就來談談它們之間到底分別是什麼,這樣使用的時候就做到心中有數。概念及使用 href hypertext reference的縮寫,超文字引用,它指向一些網路資源,建立和當前元素或者說是...