首先我們先簡述一下src與href的區別

src

<img src="圖像URL" /> URL（Uniform Resource Locator,統一資源定位符）
src是指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置；
在請求src資源時會將其指向的資源下載并應用到文檔內，例如js腳本，img圖片和frame等元素。當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當前標簽內。這也是為什么將js腳本放在底部而不是頭部。

href
<link href="CSS文件的路徑" rel="stylesheet" type="text/css"/>

href 是指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接，用于超鏈接。
用于指定鏈接目標的url地址，當為標簽應用href屬性時，它就具有了超鏈接的功能。

它有幾個屬性:

• :link /* 未訪問的鏈接 */
• :visited /* 已訪問的鏈接 */
• :hover /* 鼠標移動到鏈接上 */
• :active /* 選定的鏈接 */
  注意寫的時候，他們的順序盡量不要顛倒 按照 lvha 的順序

該語法中，link標簽需要放在head頭部標簽中，link標簽的屬性具體如下：

href：定義所鏈接外部樣式表文件的URL，可以是相對路徑，也可以是絕對路徑。
type：定義所鏈接文檔的類型，在這里需要指定為“text/css”，表示鏈接的外部文件為CSS樣式表。
rel：定義當前文檔與被鏈接文檔之間的關系，在這里需要指定為“stylesheet”，表示被鏈接的文檔是一個樣式表文件。
用于指定鏈接目標的url地址，當為標簽應用href屬性時，它就具有了超鏈接的功能。

總結

以上是生活随笔為你收集整理的src和href的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。