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