首頁 >web前端 >html教學 >src與href屬性的差別

src與href屬性的差別

怪我咯
怪我咯原創
2017-01-16 17:19:062288瀏覽

src和href之間存在區別,能混淆使用。 src用於替換目前元素,href用於在目前文件和引用資源之間確立聯繫。

src是source的縮寫,指向外部資源的位置,指向的內容將會嵌入到文件中目前標籤所在位置;在請求src資源時會將其指向的資源下載並套用到文件內,例如js腳本, img圖片和frame等元

素。

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

當瀏覽器解析到該元素時,會暫停其他資源的下載和處理,直到將該資源加載、編譯、執行完畢,圖片和框架等元素也如此,類似於將所指向資源嵌入當前標籤內。這也是為什麼將js腳本

放在底部而不是頭部。

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

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

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

src的內容用於替換當前元素,是頁面必不可少的一部分,是引入

href的內容用於在當前文檔和引用資源之間確立聯繫,是引用。 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn