HTML中src和href的区别

   href是Hypertext Reference的简写，表示的是超文本引用，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，它与页面直接的关系为链接的关系，在加载它的时候页面本身也不会停止其他内容的加载。

常用的有：link、a。例如：

<a href="http://www.baidu.com"></a>

<link type="text/css" rel="stylesheet" href="common.css">

      浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原因。

 

     src是source的简写，表示的是引入文件，目的是要把文件加载到html页面中去，当浏览器解析的时候会暂停其他的内容而会先加载src内容，必须要等到src的内容加载完成之后才会执行后面。这就是为什么js文件往往放在了html文件的最下面的原因。如果是在页面head上放了js文件，目前我知道的一种方法来实现js最后加载的方法就是在js脚本里使用:window.onload事件处理。

src的内容是页面必不可少的一部分。src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。例如

<img src="img/girl.jpg">

<frame src="top.html">

<iframe src="top.html">

<script src="show.js">

    简而言之，src用于替换当前元素；href用于在当前文档和引用资源之间建立联系。