html中scr與href有哪些區(qū)別？

這篇文章給大家分享的是有關(guān)html中scr與href有哪些區(qū)別？的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

寫代碼的時(shí)候我們經(jīng)常會(huì)把scr與href這兩個(gè)屬性弄混淆，傻傻分不清；那么下面我們就來(lái)了解一下scr與href這兩個(gè)屬性，再來(lái)看看html中src和href的區(qū)別是什么吧。

html中什么是src？

src是source的縮寫，表示外部文件的引用，代表了指向外部資源的位置，指向的內(nèi)容將會(huì)應(yīng)用到文檔中當(dāng)前標(biāo)簽所在的位置（簡(jiǎn)單來(lái)說(shuō)：目的就是要把引用的文件加載到html頁(yè)面的指定位置中去）。

src屬性是頁(yè)面內(nèi)容中不可缺少的一部分，常用到 js腳本，img圖片和frame等元素。例如:

<script src="script.js"></script> 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

<img src="2.png" />
<img src="https://cache.yisu.com/upload/information/20200318/90/7114.html" />

html中什么是href？

href是Hypertext Reference的簡(jiǎn)寫，表示超文本引用，代表了指向網(wǎng)絡(luò)資源的所在位置，建立了和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔之間的鏈接，它與頁(yè)面直接的關(guān)系為鏈接的關(guān)系。

常用的有：link、a。例如：

<link href="reset.css" rel=”stylesheet“/>

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

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

1、請(qǐng)求資源類型的區(qū)別

（1）在請(qǐng)求 src 資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔中，比如 js 腳本，img 圖片，frame；

（2）href表示指向網(wǎng)絡(luò)資源的所在位置，用來(lái)建立和當(dāng)前元素或當(dāng)前文檔之間的聯(lián)系。

2、作用結(jié)果的區(qū)別

（1）src屬性：是用于替換當(dāng)前內(nèi)容；

（2）href屬性：是用于在當(dāng)前文檔和引用資源之間建立聯(lián)系；

3、 瀏覽器解析方式的區(qū)別

（1）當(dāng)瀏覽器解析到<script src="js.js"></script>這句話時(shí)，會(huì)暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，圖片和框架等也如此，類似于將所指向資源應(yīng)用到當(dāng)前內(nèi)容。這也是為什么建議把 js 腳本放在底部而不是頭部的原因。

附： 若將js放在頭部，必須是使用src引入外部js文件，使用defer=“defer”屬性，會(huì)先等待html文檔加載完再執(zhí)行js代碼，但defer屬性只能用于IE瀏覽器中。

（2）若在文檔中添加<link href="style.css" rel="stylesheet"/>這句話后，瀏覽器會(huì)識(shí)別該文檔為 CSS 文件，就會(huì)并行下載資源并且不會(huì)停止對(duì)當(dāng)前文檔的處理。這也是為什么建議使用 link 方式加載 CSS，而不是使用 @import 方式。

感謝各位的閱讀！關(guān)于html中scr與href有哪些區(qū)別？就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！