src與href 的區別

src用於替換當前元素，href用於在當前文件和引用資源之間確立關係。

src-source，指向外部資源位置，指向的內容將會嵌入到文件中當前標籤所在位置；在請求src資源時會將其指向的

資源下載並應用到文件內部，例如js指令碼，img圖片和frame等元素。

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

當瀏覽器解析到元素時，會暫停其他資源的下載和處理，直到該資源，編譯，執行完畢，圖片和框架也是如此，類似將所指向資源

嵌入標籤內，這也是為什麼js放在底部而不是頭部。

href - Hypertext Reference的縮寫，指向網路資源所在位置，建立和當前元素（錨點）或當前文件之間的連結，如果我們在文件中新增

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

href 目的不是為了引用資源，而是為了建立聯絡，讓當前標籤能夠連結到目標地址。

那麼瀏覽器會識別該文件為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不支援。