首先我们知道它们是有一个共同点的：引用外部资源
不同点大体来说的话：
src是对资源的引用
<img src="https://www.xiaowo.cn/images/xx..."><img>src指向的内容会嵌入到当前标签所在的位置
src会将其指向的资源下载并应用到文档内
eg：请求js脚本--当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，所以⼀般js脚本会放在页面底部
而href是对超文本的引用
<a href="./index.html"></a>
<a href="#app"></a>
<link rel="stylesheet" href="http://...">它指向一些网络资源，建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的文件时，就会并行下载资源，不会停止对当前文档的处理