src
和 href
是兩個(gè)在HTML中用于引入外部資源的屬性,它們之間有以下區(qū)別:
1. src 屬性:
- 用途:
src
屬性用于指定外部資源的地址,例如圖片、腳本等。它主要用于嵌入其他資源,如圖像、音頻、視頻、JavaScript 文件等。
- 特點(diǎn): 當(dāng)瀏覽器解析到帶有
src
屬性的標(biāo)簽時(shí),它會(huì)立即加載并執(zhí)行該資源。在加載 JavaScript 文件時(shí),頁面通常會(huì)等待 JavaScript 文件下載和執(zhí)行完成,這可能導(dǎo)致頁面加載阻塞。
- 常見用法:
<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 文件)。
- 常見用法:
<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ū)別是前端開發(fā)中的基本知識(shí),對(duì)于面試來說,這個(gè)問題通常用來考察面試者對(duì)HTML標(biāo)簽的理解程度。
推薦你學(xué)習(xí)
HTML入門課程(含HTML5)學(xué)習(xí)更多HTML知識(shí)。