src 和 href 的区别
src 属性：
- 在
<script>、<img>、<audio>、<video>等标签中使用。 - 用于指定外部资源的源URL，浏览器需要获取并嵌入到当前文档中。
- 例如，
<script src="script.js"></script>将在HTML文档中引入名为 "script.js" 的外部JavaScript文件。 src属性用于加载外部资源，如脚本、图片、视频、音频文件等。
href 属性：
- 在
<a>、<link>和<area>等标签中使用。 - 用于指定超链接的目标URL，它可以是其他网页、CSS文件、图片文件等。
- 例如，
<a href="https://www.example.com">点击这里</a>将创建一个指向 "www.example.com" 的超链接。 href属性用于定义超链接和资源的链接地址。
区别
1.请求资源类型不同：
- href，超文本引用，用于建立文档与资源的联系，适用于：
<link>、<a>、<base>等标签。 - src，将其所指向的资源下载并应用到当前页面，适用于：
<script>、<img>、<iframe>和<audio>等标签。
2.作用结果不同：
href，用于文档与资源之间确立联系。src，请求到的资源替换当前内容。
3.浏览器的解析不同：
href，将资源解析成css文件，并行加载请求资源，不会阻塞对当前文档的处理。src，会暂停其他资源的处理，直到该资源加载、解析和执行完毕，将其所指向资源应用到当前內容。这也是为什么把js文件放在底部而不是放在头部的原因。
除了以上的不同，src和href属性还存在一些语义上的区别：
src属性在页面渲染过程中会阻塞后续内容的加载，因为浏览器会优先加载并执行src对应的资源。href属性不会阻塞后续内容的加载，因此适用于需要异步加载的资源，如样式表和字体文件等。
总结：
src主要用于指定要加载的外部资源的路径。href主要用于指定链接的目标资源的URL。
