首先我們先簡(jiǎn)述一下src與href的區(qū)別

src

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

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

href 是指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，用于超鏈接。
用于指定鏈接目標(biāo)的url地址，當(dāng)為標(biāo)簽應(yīng)用href屬性時(shí)，它就具有了超鏈接的功能。

它有幾個(gè)屬性:

• :link /* 未訪問(wèn)的鏈接 */
• :visited /* 已訪問(wèn)的鏈接 */
• :hover /* 鼠標(biāo)移動(dòng)到鏈接上 */
• :active /* 選定的鏈接 */
  注意寫的時(shí)候，他們的順序盡量不要顛倒 按照 lvha 的順序

該語(yǔ)法中，link標(biāo)簽需要放在head頭部標(biāo)簽中，link標(biāo)簽的屬性具體如下：

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

總結(jié)

以上是生活随笔為你收集整理的src和href的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。