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

html中什么是src？

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

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

 script src= script.js /script  script src= http://www.49028c.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的簡寫，表示超文本引用，代表了指向網絡資源的所在位置，建立了和當前元素（錨點）或當前文檔之間的鏈接，它與頁面直接的關系為鏈接的關系。

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

 link href= reset.css rel=”stylesheet“/  a href= http://www.49028c.com/ /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視頻教程， CSS基礎視頻教程，bootstrap教程！

以上就是淺談html中scr與href是什么？scr與href有什么區別？的詳細內容，html教程

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