src和href都是用在外部資源的引入上,比如圖像,CSS文件,HTML文件,以及其他的web頁面等等,那么src和href的區別都有哪些呢?
1、請求資源類型不同
(1) href是Hypertext Reference的縮寫,表示超文本引用。用來建立當前元素和文檔之間的鏈接。常用的有:link、a。
(2)在請求 src 資源時會將其指向的資源下載并應用到文檔中,常用的有script,img 、iframe;
2、作用結果不同
(1)href 用于在當前文檔和引用資源之間確立聯系;
(2)src 用于替換當前內容;
3、 瀏覽器解析方式不同
(1)若在文檔中添加href ,瀏覽器會識別該文檔為 CSS 文件,就會并行下載資源并且不會停止對當前文檔的處理。這也是為什么建議使用 link 方式加載 CSS,而不是使用 @import 方式。
(2)當瀏覽器解析到src ,會暫停其他資源的下載和處理,直到將該資源加載、編譯、執行完畢,圖片和框架等也如此,類似于將所指向資源應用到當前內容。
這也是為什么建議把 js 腳本放在底部而不是頭部的原因。