html中scr與href有哪些區別？

這篇文章給大家分享的是有關html中scr與href有哪些區別？的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

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

html中什么是src？

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

src屬性是頁面內容中不可缺少的一部分，常用到 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的簡寫，表示超文本引用，代表了指向網絡資源的所在位置，建立了和當前元素（錨點）或當前文檔之間的鏈接，它與頁面直接的關系為鏈接的關系。

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

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

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

html中src和href的區別是什么？

1、請求資源類型的區別

（1）在請求 src 資源時會將其指向的資源下載并應用到文檔中，比如 js 腳本，img 圖片，frame；

（2）href表示指向網絡資源的所在位置，用來建立和當前元素或當前文檔之間的聯系。

2、作用結果的區別

（1）src屬性：是用于替換當前內容；

（2）href屬性：是用于在當前文檔和引用資源之間建立聯系；

3、 瀏覽器解析方式的區別

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

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

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

感謝各位的閱讀！關于html中scr與href有哪些區別？就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！