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