面試題: src 和 href 有什么區(qū)別?

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 文件）。它主要用于建立當前文檔與被鏈接文檔之間的關(guān)系。

• 特點： 當瀏覽器解析到帶有 href 屬性的標簽時，它會加載該資源，但不會立即執(zhí)行。它用于創(chuàng)建超鏈接，也用于引入外部樣式表（CSS 文件）。

• 常見用法：
  • <link rel="stylesheet" href="styles.css">：引入外部 CSS 樣式表。
  • <a >Example Website</a>：創(chuàng)建超鏈接。

主要區(qū)別總結(jié)：

• 用途不同： src 用于嵌入其他資源，href 用于建立文檔之間的關(guān)系或引入外部樣式表。

• 加載時機不同： src 在加載時立即執(zhí)行，href 在加載時不會立即執(zhí)行，除非它用于引入樣式表。

• 用于元素類型不同： src 主要用于 <script>, <img>, <audio>, <video> 等元素，href 主要用于 <link>, <a>, <area> 等元素。

了解 src 和 href 屬性的區(qū)別是前端開發(fā)中的基本知識，對于面試來說，這個問題通常用來考察面試者對HTML標簽的理解程度。 推薦你學習 HTML入門課程(含HTML5)學習更多HTML知識。