href和src的差別

1.href：Hypertext Reference的縮寫，超文本引用，它指向一些網絡資源，建立和目前元素或者說是本文檔的連結關系。在加載它的時候，不會停止對目前文檔的處理，浏覽器會繼續往下走。常用在a、link等标簽。

如上面所顯示的那樣，當浏覽器加載到link标簽時，會識别這是CSS文檔，并行下載下傳該CSS文檔，但并不會停止對目前頁面後續内容的加載。這也是不建議使用@import加載CSS的原因。

2.src：source的所寫，表示的是對資源的引用，它指向的内容會嵌入到目前标簽所在的位置。由于src的内容是頁面必不可少的一部分，是以浏覽器在解析src時會停下來對後續文檔的處理，直到src的内容加載完畢。常用在script、img、iframe标簽中，我們建議js檔案放在HTML文檔的最後面。如果js檔案放在了head标簽中，可以使用window.onload實作js的最後加載。

總結：href用于建立目前頁面與引用資源之間的關系（連結），而src則會替換目前标簽。遇到href，頁面會并行加載後續内容；而src則不同，浏覽器需要加載完畢src的内容才會繼續往下走。