src和href的作用都是用于请求资源。
区别：
1.请求资源类型不同
href，超文本引用，用于建立文档与资源的联系，常用的有：link、a。
<link rel="stylesheet" type="text/css" href="theme.css" />
<a href="http://www.w3school.com.cn">W3School</a>
src，将其所指向的资源下载并应用到当前页面，常见的有script、img。
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
2.作用结果不同
href，用于文档与资源之间确立联系。
src，请求到的资源替换当前内容。
3.浏览器的解析不同
href，将资源解析成css文件，并行加载请求资源，不会阻塞对当前文档的处理。
src，会暂停其他资源的处理，直到该资源加载、解析和执行完毕，将其所指向资源应用到当前内容。这也是为什么把js文件放在底部而不是头部的原因。
————————————————
https://blog.csdn.net/weixin_45836027/article/details/124807053
