src用於替換當前元素,href用於在當前文檔和引用資源之間確立聯繫。
src是source的縮寫,指向外部資源的位置,指向的內容將會嵌入到文檔中當前標籤所在位置;在請求src資源時會將其指向的資源下載並應用到文檔內,例如js腳本,img圖片和frame等元素。css
當文檔解讀到 src時,會暫停其餘資源的下載和處理,直到將該資源加載、編譯、執行完畢,圖片和框架等元素也如此,相似於將所指向資源嵌入當前標籤內。這也是爲何將js腳本放在底部而不是頭部。瀏覽器
當用@import引入css文件時,它也會暫停其餘下載,專一下載css文件框架
link和@import區別url
一:link是XHTML標籤,除了加載CSS外,還能夠定義其餘事務;@import只能加載CSS。spa
二:link引用CSS時,在頁面載入時同時加載;@import須要等頁面徹底載入後才加載。code
三:link是XHTML標籤,沒有兼容問題;對於@import,低版本的瀏覽器是不支持的。xml
引入:token
<link rel="stylesheet" type="text/css" href="index.css">圖片
<style type="text/css"> @import url('index.css'); </style> 事務
<script src ="js.js"></script>