1. 程式人生 > >src和href的區別

src和href的區別

16px 指向 建議 瀏覽器 spa style import enc href

src和href的區別:

(1)src用於替換當前元素,href用於在當前文檔和引用資源之間確立聯系。

(2)src是source的縮寫,指向外部資源的位置,指向的內容將會嵌入到文檔當前標簽所在位置;在請求src資源時會將其指向的資源下載並應用到文檔內,例如js腳本,img圖片和iframe等元素。

(3)當瀏覽器解析到src元素時,會暫停其他資源的下載和處理,直到將該資源加載、編譯、執行完畢,圖片和框架等元素也是如此,類似於將所指向資源嵌入當前標簽內,這也是為什麽將js腳本放在底部而不是頭部了。

(4)href時Hypertext Reference的縮寫,指向網絡資源所在位置,建立和當前元素或當前文檔(鏈接)之間的鏈接,如果我們在文檔中添加

<link href=‘common.css‘ rel=‘stylesheet‘ />

那麽瀏覽器會識別該文檔為css文件,就會並行下載資源並且不會停止對當前文檔的處理。這也是為什麽建議使用link方式來加載css,而不是使用@import方式。

src和href的區別