我們在開發頁面的時候，有時候需要需要引用一些外部的資源，經常分不清href與src，下面我們就來談談它們之間到底分別是什么，這樣使用的時候就做到心中有數。
1.href：Hypertext Reference的縮寫，超文本引用，它指向一些網絡資源，建立和當前元素或者說是本文檔的鏈接關系。在加載它的時候，不會停止對當前文檔的處理，瀏覽器會繼續往下走。常用在a、link等標簽。
<a href="http://www.baidu.com"></a> <link type="text/css" rel="stylesheet" href="common.css">
如上面所顯示的那樣，當瀏覽器加載到link標簽時，會識別這是CSS文檔，並行下載該CSS文檔，但並不會停止對當前頁面后續內容的加載。這也是不建議使用@import加載CSS的原因。
2.src：source的所寫，表示的是對資源的引用，它指向的內容會嵌入到當前標簽所在的位置。由於src的內容是頁面必不可少的一部分，因此瀏覽器在解析src時會停下來對后續文檔的處理，直到src的內容加載完畢。常用在script、img、iframe標簽中，我們建議js文件放在HTML文檔的最后面。如果js文件放在了head標簽中，可以使用window.onload實現js的最后加載。
<img src="img/girl.jpg"> <frame src="top.html"> <iframe src="top.html"> <script src="show.js">
總結：href用於建立當前頁面與引用資源之間的關系（鏈接），而src則會替換當前標簽。遇到href，頁面會並行加載后續內容；而src則不同，瀏覽器需要加載完畢src的內容才會繼續往下走。