【src和href是什么】在HTML中，`src`和`href`是两个常见的属性，常用于链接外部资源。虽然它们的用途相似，但功能和使用场景有明显区别。下面将对这两个属性进行详细对比总结。
一、
`src`（Source）和`href`（Hyperlink Reference）都是HTML标签中的属性，用于引用外部资源，但它们的作用不同：
- `src`：用于指定外部资源的路径，通常用于加载图片、脚本、视频等需要“载入”的资源。浏览器会根据`src`的值去获取并执行或显示该资源。
- href`：用于定义超链接的目标地址，常用于``标签或``标签，表示当前页面与目标页面之间的关系。浏览器会根据`href`的值进行跳转或加载资源。
简单来说，`src`是“加载”资源，而`href`是“指向”一个链接。
二、对比表格
| 属性 | 全称 | 使用标签 | 作用 | 是否加载资源 | 是否跳转页面 | 常见用途 |
| `src` | Source | ` | 指定资源的路径，浏览器会加载该资源 | ✅ 是 | ❌ 否 | 图片、脚本、音频、视频等 |
| `href` | Hyperlink Reference | ``, ``, `` | 指定链接的目标地址，浏览器会跳转或加载资源 | ❌ 否（除非是``引入CSS） | ✅ 是 | 超链接、样式表、锚点等 |
三、常见用法示例
- `src` 示例：
```html
<script src="script.js"></script>
```
- `href` 示例：
```html
```
四、注意事项
- `src`一般用于需要“加载内容”的元素，如图片、脚本等；
- `href`多用于“导航”或“引用”，如链接、样式表等；
- 在某些情况下（如``），`href`也会加载资源，但不会像`src`那样直接嵌入到页面中。
通过理解`src`和`href`的区别，可以更高效地编写HTML代码，并避免常见的错误。希望本文能帮助你更好地掌握这两个属性的使用方式。