首先我们知道它们是有一个共同点的:引用外部资源
不同点大体来说的话:
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://...">
它指向一些网络资源,建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的文件时,就会并行下载资源,不会停止对当前文档的处理