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

html中什么是src？

src是source的縮寫，表示外部文件的引用，代表了指向外部資源的位置，指向的內(nèi)容將會(huì)應(yīng)用到文檔中當(dāng)前標(biāo)簽所在的位置（簡(jiǎn)單來說：目的就是要把引用的文件加載到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://apps.bdimg.com/img/2.png" />

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ò)資源的所在位置，用來建立和當(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 方式。

總結(jié)：以上就是本篇文的全部?jī)?nèi)容，希望能對(duì)大家的學(xué)習(xí)有所幫助。更多相關(guān)教程請(qǐng)?jiān)L問 HTML視頻教程， CSS基礎(chǔ)視頻教程，bootstrap教程！

以上就是淺談html中scr與href是什么？scr與href有什么區(qū)別？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！