src 用於替換當前元素，href 用於在當前文檔和引用資源之間確立聯系。

src 是 source 的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置；在請求 src 資源時會將其指向的資源下載並應用到文檔內，例如 js 腳本，img 圖片和 frame 等元素。

<script src =”js.js”></script>

當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執行完畢，圖片和框架等元素也如此，類似於將所指向資源嵌入當前標簽內。這也是為什麽將 js 腳本放在底部而不是頭部。

href 是 Hypertext Reference 的縮寫，指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接，如果我們在文檔中添加

<link href=”common.css” rel=”stylesheet”/>

那麽瀏覽器會識別該文檔為 css 文件，就會並行下載資源並且不會停止對當前文檔的處理。這也是為什麽建議使用 link 方式來加載 css，[email protected] 方式。

src與href的區別