淺談html中scr與href是什麼？ scr與href有什麼差別？

html中scr與href是什麼？ scr與href有什麼差別？這篇文章就跟大家介紹html中scr與href的差別是什麼，讓大家了解什麼是src、什麼是href，讓大家可以很好的區分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://apps.bdimg.com/img/2.png" />

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） 當瀏覽器解析到81789c776ea1b5e7302dff4ebda744df 2cacc6d41bbb37262a98f745aa00fbf0這句話時，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執行完畢，圖片和框架等也如此，類似於將所指向資源應用到當前內容。這也是為什麼建議把 js 腳本放在底部而不是頭部的原因。

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

（2）若在文件中加上1ec985cacd9314b8d0cdd8004d0f1e84這句話後，瀏覽器會識別該文件為CSS 文件，就會並行下載資源並且不會停止對目前文件的處理。這也是為什麼建議使用 link 方式來載入 CSS，而不是使用 @import 方式。

總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。更多相關教學請造訪 HTML影片教學， CSS基礎影片教學，bootstrap教學！

以上是淺談html中scr與href是什麼？ scr與href有什麼差別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！