網上查到的幾種不同但比較容易理解的解釋
解釋一：
href是Hypertext Reference的縮寫，表示超文本引用。用來建立當前元素和文檔之間的鏈接。常用的有：link、a。例如：
<link href="reset.css" rel=”stylesheet“/>
瀏覽器會識別該文檔為css文檔，並行下載該文檔，並且不會停止對當前文檔的處理。這也是建議使用link，而不采用@import加載css的原因。
src是source的縮寫，src的內容是頁面必不可少的一部分，是引入。src指向的內容會嵌入到文檔中當前標簽所在的位置。常用的有：img、script、iframe。例如
<script src="script.js"></script>
當瀏覽器解析到該元素時，會暫停瀏覽器的渲染，直到該資源加載完畢。這也是將js腳本放在底部而不是頭部得原因。
解釋二：
href標識超文本引用，用在link和a等元素上，href是引用和頁面關聯，是在當前元素和引用資源之間建立聯系
src表示引用資源，表示替換當前元素，用在img，script，iframe上，src是頁面內容不可缺少的一部分。src是source的縮寫，是指向外部資源的位置，指向的內部會遷入到文檔中當前標簽所在的位置；在請求src資源時會將其指向的資源下載並應用到當前文檔中，例如js腳本，img圖片和frame等元素。
補充：link和@import的區別
兩者都是外部引用CSS的方式，但是存在一定的區別：
區別1：link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事務；@import屬於CSS范疇，只能加載CSS。
區別2：link引用CSS時，在頁面載入時同時加載；@import需要頁面網頁完全載入以后加載。
區別3：link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
區別4：ink支持使用Javascript控制DOM去改變樣式；而@import不支持。
解釋三：
href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示來源地址，在 img、script、iframe 等元素上。
src 的內容，是頁面必不可少的一部分，是引入。href 的內容，是與該頁面有關聯，是引用。區別就是，引用和引入。