HTML中src與href的區(qū)別有哪一些？用法有何不同？

我們?cè)谇岸碎_發(fā)過程中，src和href想必大家在單獨(dú)使用的時(shí)候都非常熟悉了，但是如果把他兩放在一起做比較，可能一時(shí)不會(huì)說(shuō)明清楚。

而且關(guān)于src和href的區(qū)別問題，在前端面試題中出現(xiàn)的頻率也是非常高的。

下面我們就詳細(xì)的為大家介紹總結(jié)src和href的區(qū)別。

一、href是Reference的縮寫，表示超文本引用

href 是指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，用于超鏈接。

用法如：

<a href="www.php.cn">www.php.cn</a>

或者

<link href="xx.css" rel="stylesheet"/>

等等

二、src是source的縮寫，表示資源引入

src是指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置；

在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如js腳本，img圖片和frame等元素。。

當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。

用法如：

<script src="js.js"></script>

或者

<img src="xx.jpg" />

等等

注意：src和href不能相互替換的。我們?cè)诳商鎿Q的元素上使用src，然而把href用于在涉及的文檔和外部資源之間建立一個(gè)關(guān)系。

本篇文章就是關(guān)于src和href的區(qū)別介紹，希望對(duì)需要的朋友有所幫助！

以上就是HTML中src和href的區(qū)別有哪些？用法有何不同？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！