src和href的區別

2021-08-02 14:25:27 字數 472 閱讀 7734

src和href從使用上來看都是對外部資源的一種引用,但是在具體理解上是有差異的。

href的值指定的是資源在網路上的位置,定義的是當前頁面上的某個元素與需要的資源檔案的乙個鏈結。比如下面乙個語句。

href引用

當瀏覽器解析到頁面的這條語句時,會知道在這裡引用了乙個外部樣式檔案,

但並不會阻止頁面解析

。這與@import有很大不同,因此在引入外部樣式時,推薦使用link標籤。

src的值表示的是頁面上必不可少的內容,需要將指定內容載入到當前頁面中。比如下面乙個語句。

src引用

當瀏覽器解析到頁面上的這條語句時,瀏覽器會對這個檔案進行解析,編譯和執行,從而導致整個頁面載入會被暫停,這也是為什麼一般會選擇將script標籤放在body結束標籤的前面。

有一種更好的理解方式,href表示的是乙個資源的鏈結;src是對當前元素的替換,內容最終會嵌入到當前頁面中。

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的縮寫,超文字引用,它指向一些網路資源,建立和當前元素或者說是...

href和src的區別

href是hypertext reference的縮寫,表示超文字引用。用來建立當前元素和文件之間的鏈結。常用的有 link a。例如 當瀏覽器解析到該元素時,會暫停瀏覽器的渲染,知道該資源載入完畢。這也是將js指令碼放在底部而不是頭部得原因。簡而言之,就是 乙個 是引入 乙個是引用!src用於替換...