href 是 Hypertext Reference 的縮寫,表示超文本引用。用來建立當前元素和文檔之間的鏈接。常用的有:link、a。例如:
<link href="reset.css" rel=”stylesheet“/>
瀏覽器會識別該文檔爲 css 文檔,並行下載該文檔,並且不會停止對當前文檔的處理。
這也是建議使用 link,而不採用 @import 加載 css 的原因。
src 是 source 的縮寫,src 的內容是頁面必不可少的一部分,是引入。src 指向的內容會嵌入到文檔中當前標籤所在的位置。常用的有:img、script、iframe。
例如:
<script src="script.js"></script>
當瀏覽器解析到該元素時,會暫停瀏覽器的渲染,直到該資源加載完畢。這也是將js腳本放在底部而不是頭部得原因。
簡而言之,src 用於替換當前元素;href 用於在當前文檔和引用資源之間建立聯繫。