href与src的区别

       不管你是前段工程师还是后端工程师，对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>

引用一个资源将该元素的内容将整体替换。