【src和href有什么不同】在HTML中，`src`和`href`是两个常用的属性，它们都用于链接外部资源，但用途和使用场景有明显区别。理解这两个属性的区别，有助于更准确地编写网页代码，提升页面性能与用户体验。
一、基本定义
- `src`（Source）
`src`属性用于指定外部资源的路径，通常用于加载需要立即执行或渲染的内容，如图片、脚本、音频、视频等。浏览器会下载并执行这些资源。
- `href`（Hypertext Reference）
`href`属性用于创建超链接，指向另一个文档或资源的位置。它主要用于导航，如链接到其他页面、样式表、字体等。浏览器不会直接加载这些资源，而是根据上下文进行处理。
二、主要区别总结
| 特性 | `src` | `href` |
| 用途 | 指定要加载的资源（如图片、脚本、视频等） | 指定链接的目标地址（如页面、样式表、字体等） |
| 是否加载资源 | 是，浏览器会下载并执行该资源 | 否，仅作为参考链接，不自动加载 |
| 常见标签 | ` | ``, ``, ` |
| 执行方式 | 资源被直接加载并嵌入页面 | 链接被解析，用户点击后才会跳转或加载 |
| 影响页面加载 | 可能会影响页面加载速度 | 一般不影响页面初始加载，除非是预加载 |
三、使用示例
1. 使用 `src` 的例子：
```html
<script src="script.js"></script>
```
2. 使用 `href` 的例子：
```html
```
四、注意事项
- `src` 更偏向“内容”的引入，比如图片、脚本等；
- `href` 更偏向“链接”的定义，比如页面跳转、样式表引用等；
- 在某些情况下，如 `` 标签中，`href` 也会加载资源（如 CSS 文件），但这属于“引用”而非“加载”，与 `src` 的行为不同。
五、总结
虽然 `src` 和 `href` 都可以指向外部资源，但它们的核心功能和使用场景完全不同。`src` 是用来“加载”资源，而 `href` 是用来“链接”到资源。在实际开发中，合理使用这两个属性，能够使代码更加清晰、高效。