不管你是前段工程師還是後端工程師，對HTML中的href與src肯定都不會感到陌生，但是你知道它們之間的區別嗎？哪些標籤應該用href又有哪些標籤應該用src呢？

href

href 全稱：Hypertext Reference（超文字引用）。
常用於link， a標籤中，例如：

<a href="http://www.baidu.com" target="_blank">百度</a>
<link type="text/css" href="base.css" rel="stylesheet" />

       href的目的不是為了引用一個資源，而是為了建立一個“通道”，讓當前標籤能夠連結到目標地址上，並不是為了把目標拉進頁面本身內來替換本身的內容，例如a標籤的href不會被當做一個資源替換自身，link標籤本身並不包含實際的元素意義來做內容，它需要rel明確的表示被【被連線的文件是做什麼的】。至於說為什麼當初就決定外部樣式表用link href來連結，而不是用style src來載入，可能是因為先賢們認為樣式表更符合外部連結資源的特徵，它更接近附屬的資源，而不是內嵌的內容。

src

src全稱：source（資源）。
常用於img，script，iframe，style。例如：

<img src="/img/1.png" alt="1" />
<iframe src="girl.gif"></iframe>
<input type="image" src="submit.jpg" alt="Submit" align="right" />
<script type="text/javascript" src="org.js"></script>
<style src="common.css">
 
</style>

引用一個資源將該元素的內容將整體替換。