src 和 href 是兩個在HTML中用于引入外部資源的屬性，它們之間有以下區(qū)別：
1. src 屬性：
- 用途：
src屬性用于指定外部資源的地址，例如圖片、腳本等。它主要用于嵌入其他資源，如圖像、音頻、視頻、JavaScript 文件等。
- 特點： 當瀏覽器解析到帶有
src屬性的標簽時，它會立即加載并執(zhí)行該資源。在加載 JavaScript 文件時，頁面通常會等待 JavaScript 文件下載和執(zhí)行完成，這可能導致頁面加載阻塞。
- 常見用法：
<script src="script.js"></script>：引入外部 JavaScript 文件。<img src="image.jpg" alt="Description">：引入圖片。
2. href 屬性：
- 用途：
href屬性用于指定超鏈接的地址，通常用于引入樣式表（CSS 文件）。它主要用于建立當前文檔與被鏈接文檔之間的關系。
- 特點： 當瀏覽器解析到帶有
href屬性的標簽時，它會加載該資源，但不會立即執(zhí)行。它用于創(chuàng)建超鏈接，也用于引入外部樣式表（CSS 文件）。
- 常見用法：
<link rel="stylesheet" href="styles.css">：引入外部 CSS 樣式表。<a >Example Website</a>：創(chuàng)建超鏈接。
主要區(qū)別總結：
- 用途不同：
src用于嵌入其他資源，href用于建立文檔之間的關系或引入外部樣式表。
- 加載時機不同：
src在加載時立即執(zhí)行，href在加載時不會立即執(zhí)行，除非它用于引入樣式表。
- 用于元素類型不同：
src主要用于<script>,<img>,<audio>,<video>等元素，href主要用于<link>,<a>,<area>等元素。
了解 src 和 href 屬性的區(qū)別是前端開發(fā)中的基本知識，對于面試來說，這個問題通常用來考察面試者對HTML標簽的理解程度。
推薦你學習
HTML入門課程(含HTML5)學習更多HTML知識。
