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

html中什么是src？

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

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

 script src= script.js /script  script src= http://www.survivalescaperooms.com/uploads/allimg/190507/13442RE9-1.jpg 

 img src= 2.png /  img src= https://apps.bdimg.com/img/2.png / 

html中什么是href？

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

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

 link href= reset.css rel=”stylesheet“/  a href= http://www.survivalescaperooms.com/ /a 

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

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

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

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

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

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

以上就是淺談html中scr與href是什么？scr與href有什么區(qū)別？的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。