src 与 href 的区别：

src : 资源引用（source的缩写）

• src的内容是页面必不可少的一部分，它指向的内容会嵌入到当前标签所在的位置，因此浏览器在解析src时会停下来对后续文件的处理，直到src的内容加载完毕。
• 这就是为什么建议吧js文件的引用放到页面的最后，如果放在前面，浏览器遇到src时就会直接开始解析js文件里的内容，就会发现变量，类名之类的都找不到。
• 如果js文件放在head标签中，可以使用window.onload()方法实现。
• src常用在script、img、frame标签中：

    <img src = "img/img1.png">

    <frame src="top.html">
  
    <script src="show.js">

href : 超文本引用（Hypertext Reference的缩写）

• href指向一些网络资源，它会建立当前元素或者文档的连接关系。
• 当浏览器加载它的时候，不会停止对下面文档的处理，会并行加载后续内容，继续向下执行。
• 常用在a、link标签中：

    <a href="http://www.baidu.com"></a>
  
    <link type="text/css" rel="stylesheet" href="common.css">

总结：

1. 请求资源类型不同

   • href是超文本引用。用来建立当前元素和文档之间的链接。
   • 在请求 src 资源时会将其指向的资源下载并应用到文档中

2. 作用结果不同

   • href 用于在当前文档和引用资源之间确立联系
   • src 用于替换当前内容

3. 浏览器解析方式不同

   • 若在文档中添加href ，浏览器会识别该文档为 CSS 文件，就会并行下载资源并且不会停止对当前文档的处理。
   • 当浏览器解析到src ，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。