【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 中常見的屬性，但它們的用途截然不同。理解它們的區別有助于更高效地編寫和優化網頁代碼。在實際開發中，應根據具體需求選擇合適的屬性，避免混淆和錯誤使用。
