HTML中src和href的區(qū)別是什么

發(fā)布時間：2020-09-15 13:41:58 來源：億速云閱讀：244 作者：小新欄目：web開發(fā)

小編給大家分享一下HTML中src和href的區(qū)別是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

我們在前端開發(fā)過程中，src和href想必大家在單獨使用的時候都非常熟悉了，但是如果把他兩放在一起做比較，可能一時不會說明清楚。

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

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

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

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

用法如：

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

或者

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

等等

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

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

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

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

用法如：

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

或者

<img src="xx.jpg" />

等等

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

以上是HTML中src和href的區(qū)別是什么的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡