寫代碼的時候就經常把這兩個屬性弄混淆，到底是href還是src，href表示超文本引用，用在link和a等元素上，href是引用和頁面關聯，是在當前元素和引用資源之間建立聯繫，src表示引用資源，表示替換當前元素，用在img，script，iframe上，src是頁面內容不可缺少的一部分。 src是 ...
寫代碼的時候就經常把這兩個屬性弄混淆，到底是href還是src，href表示超文本引用，用在link和a等元素上，href是引用和頁面關聯，是在當前元素和引用資源之間建立聯繫，src表示引用資源，表示替換當前元素，用在img，script，iframe上，src是頁面內容不可缺少的一部分。
src是source的縮寫，是指向外部資源的位置，指向的內部會遷入到文檔中當前標簽所在的位置；在請求src資源時會將其指向的資源下載並應用到當前文檔中，例如js腳本，img圖片和frame等元素。
<script src="js.js"></script>當瀏覽器解析到這一句的時候會暫停其他資源的下載和處理，直至將該資源載入，編譯，執行完畢，圖片和框架等元素也是如此，類似於該元素所指向的資源嵌套如當前標簽內，這也是為什麼要把js飯再底部而不是頭部。
<link href="common.css" rel="stylesheet"/>當瀏覽器解析到這一句的時候會識別該文檔為css文件，會下載並且不會停止對當前文檔的處理，這也是為什麼建議使用link方式來載入css而不是使用@import。
補充：link和@import的區別
兩者都是外部引用CSS的方式，但是存在一定的區別：
區別1：link是XHTML標簽，除了載入CSS外，還可以定義RSS等其他事務；@import屬於CSS範疇，只能載入CSS。
區別2：link引用CSS時，在頁面載入時同時載入；@import需要頁面網頁完全載入以後載入。
區別3：link是XHTML標簽，無相容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
區別4：link支持使用Javascript控制DOM去改變樣式；而@import不支持。
參考：https://www.cnblogs.com/tylerdonet/p/5808617.html?utm_source=tuicool&utm_medium=referral
