【src和href是什么】在网页开发中，`src` 和 `href` 是 HTML 中常用的两个属性，它们虽然看起来相似，但用途却大不相同。理解这两个属性的区别对于开发者来说非常重要。
一、总结
- `src`：用于指定外部资源的路径，通常用于加载图片、脚本、音频、视频等文件。
- `href`：用于定义超链接的目标地址，常用于 `` 标签或 `` 标签中，表示页面之间的跳转或资源引用。
二、对比表格
| 属性 | 全称 | 使用标签 | 功能说明 | 示例 |
| `src` | Source | ` | 指定外部资源的路径，浏览器会加载并执行该资源 | ` ` |
| `href` | Hyperlink Reference | ``, ``, ` | 定义链接的目标地址，用于导航或引入外部资源 | `首页` |
三、详细说明
1. `src` 的作用
`src` 是 "source" 的缩写，用来告诉浏览器从哪里获取资源。当浏览器遇到带有 `src` 属性的标签时，会立即尝试加载该资源，并将其嵌入到当前页面中。
- 常见使用场景：
- 加载图片（``）
- 引入 JavaScript 文件（`<script src="...">`）
- 添加音频或视频（`
2. `href` 的作用
`href` 是 "hypertext reference" 的缩写，主要用于创建超链接。它指定了链接的目标地址，可以是同一页面内的锚点，也可以是其他网页或资源。
- 常见使用场景：
- 创建超链接（``）
- 引入样式表（``）
- 设置基础链接（`
四、常见误区
- `src` 和 `href` 都能指向文件，但它们的作用不同：`src` 是“加载”，`href` 是“链接”。
- `src` 会阻塞页面渲染（特别是脚本），而 `href` 不会直接阻塞页面加载。
- 在某些情况下，`href` 可以指向一个资源，但不会自动加载，例如 `` 标签中的 `href` 用于引入 CSS 文件，但需要通过浏览器解析后才会加载。
五、总结
`src` 和 `href` 虽然都是 HTML 中常见的属性，但它们的用途截然不同。理解它们的区别有助于更高效地编写和优化网页代码。在实际开发中，应根据具体需求选择合适的属性，避免混淆和错误使用。
