src 和 href 的區(qū)別

首先，href?和?src?都是用于外部資源的引入

href

有課 -?href(Hypertext Reference 的縮寫)，表示超文本引用，用來建立當(dāng)前元素和文檔之間的鏈接

常用的有：link a

舉個例子：
<link href="reset.css" rel="stylesheet" />

瀏覽器會識別該文檔為 css 文檔，并行?下載該文檔，并且?不會停止?對當(dāng)前文檔的處理。這也是建議使用?link?而不采用?@import?加載 css 的原因

src

src（source 的縮寫），表示引入，src 指向的內(nèi)容會嵌入到文檔中，當(dāng)前標(biāo)簽所在的位置

常用的有：img script iframe

舉個例子：
<? script src="script.js"></script>

當(dāng)瀏覽器解析到該元素時，會暫停瀏覽器的渲染，直到該資源加載完畢。這也是將?script?腳本放在底部而不是頭部的原因

簡而言之：src?用于替換當(dāng)前元素，href?用于在當(dāng)前文檔和引用資源之間建立聯(lián)系