src用于替換當(dāng)前元素总滩，href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系纯蛾。
src是source的縮寫，指向外部資源的位置却嗡，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置舶沛；在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如js腳本窗价，img圖片和iframe等元素如庭。當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停其他資源的下載和處理舌镶，直到將該資源加載柱彻、編譯、執(zhí)行完畢餐胀，圖片和框架等元素也如此哟楷，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部否灾。（引入）
href是Hypertext Reference的縮寫卖擅，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，如果我們?cè)谖臋n中添加(如下圖)惩阶，那么瀏覽器會(huì)識(shí)別該文檔為css文件挎狸，就會(huì)并行下載資源并且不會(huì)停止對(duì)當(dāng)前文檔的處理。這也是為什么建議使用link方式來加載css断楷，而不是使用@import方式锨匆。常用的有l(wèi)ink和a標(biāo)簽。（引用）
補(bǔ)充：CSS外鏈?zhǔn)揭隿ss文件的兩種方式的區(qū)別---@import和link
兩者都是外部引用CSS的方式冬筒，但是存在一定的區(qū)別：
區(qū)別1：link是XHTML標(biāo)簽恐锣，除了加載CSS外，還可以定義RSS等其他事務(wù)舞痰；@import屬于CSS范疇土榴，只能加載CSS。
區(qū)別2：link引用CSS時(shí)响牛，在頁面載入時(shí)同時(shí)加載玷禽；@import需要頁面網(wǎng)頁完全載入以后加載。
區(qū)別3：link是XHTML標(biāo)簽呀打，無兼容問題矢赁；@import是在CSS2.1提出的，低版本的瀏覽器不支持聚磺。
區(qū)別4：link支持使用Javascript控制DOM去改變樣式坯台；而@import不支持。
