src 和 href 的区别

1、相同点： 

在前端开发中，src 和 href 是两个常见的属性，用于引入外部资源。

2、不同点：

① src （source）引入资源

将指向的资源下载并应用嵌入当前标签位置，当浏览器解析到该元素时，会暂停其他资源下载，直到该资源执行完毕，如 js 脚本一般放在页面底部

通常用于指定要嵌入到页面中的外部资源，比如 JavaScript 文件、图片文件或媒体文件。

通过src属性引入的资源会对页面产生直接影响，是必需的内容。

 

② href （hypertext reference）超文本引用

指向一些网络资源如百度链接，建立当前元素和本文档的链接关系，当浏览器识别到它他指向的⽂件时，就会并⾏下载资源。常用a、link等标签上。 

主要用于指定链接到页面中的外部资源，比如 CSS 文件、字体文件或其他网页文件。通过 href 属性引入的资源是可选的内容，用于提供额外的样式和交互。

需要注意的是，src 属性通常用于<script>、<img>、<video>等标签，而 href 属性通常用于<link>、<a>等标签。

总结起来，src 用于引入必需的、对页面有直接影响的资源，而 href 用于引入可选的、提供额外样式和交互的资源。