【src和href是什么】在网页开发中，`src` 和 `href` 是 HTML 中常用的两个属性，它们都用于链接外部资源，但用途不同。理解这两个属性的区别对于前端开发非常重要。
一、
`src`（source）和 `href`（hypertext reference）虽然都用于链接资源，但它们的作用对象和使用场景不同：
- `src`：用于指定外部资源的路径，如图片、脚本或视频等。浏览器会加载并执行该资源。
- `href`：用于建立超链接，指向另一个页面或资源，通常用于 `` 标签或 `` 标签，表示“参考”关系。
简单来说，`src` 是“加载”，`href` 是“引用”。
二、对比表格
| 属性 | 全称 | 作用 | 使用标签 | 是否加载资源 | 示例 |
| src | source | 指定需要加载的资源路径 | ` | ✅ 加载并执行 | ` ` |
| href | hypertext reference | 指定链接的目标地址 | ``, ``, ` | ❌ 不直接加载资源 | `首页` |
三、常见用法举例
1. `src` 的使用：
```html
<script src="script.js"></script>
<iframe src="https://example.com"></iframe>
```
2. `href` 的使用：
```html
```
四、总结
- `src` 用于加载外部资源，如图片、脚本、视频等。
- `href` 用于创建链接，如页面跳转、样式表引用等。
- 在实际开发中，正确使用这两个属性可以提高网页性能和用户体验。
了解 `src` 和 `href` 的区别，有助于写出更规范、高效的 HTML 代码。