【src和href的差別詳解】

src和href的差別是：作用結果不同、浏覽器解析方式不同、請求資源類型不同。

• 作用結果不同

href 用于在目前文檔和引用資源之間确立聯系；

src 用于替換目前内容。

• 浏覽器解析方式不同

若在文檔中添加href ，浏覽器會識别該文檔為 CSS 檔案，就會并行下載下傳資源并且不會停止對目前文檔的處理。這也是為什麼建議使用 link 方式加載 CSS，而不是使用 @import 方式。

當浏覽器解析到src ，會暫停其他資源的下載下傳和處理，直到将該資源加載、編譯、執行完畢，圖檔和架構等也如此，類似于将所指向資源應用到目前内容。這也是為什麼建議把 js 腳本放在底部而不是頭部的原因。

• 請求資源類型不同