href和src的區(qū)別：

href(Hypertext Reference)：超文本引用，常用的標(biāo)簽有l(wèi)ink、a等，用來(lái)鏈接引用的外部資源。在當(dāng)前元素或者當(dāng)前文檔和由當(dāng)前屬性定義的需要的錨點(diǎn)或資源之間定義一個(gè)鏈接或者關(guān)系，如：
<link href="style.css" rel="stylesheet" />

src(source)：引入資源，引入的src的內(nèi)容是頁(yè)面必不可少的一部分。引入的內(nèi)容會(huì)嵌入當(dāng)前資源到當(dāng)前文檔元素定義的位置，常用的有：img、script、iframe等。如：
<script src="script.js"></script>

在瀏覽器下載、編譯、執(zhí)行這個(gè)文件之前頁(yè)面的加載和處理會(huì)被暫停（當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停瀏覽器的渲染），這也是建議把js文件放到底部加載的原因。img標(biāo)簽頁(yè)與此類(lèi)似，瀏覽器暫停加載直到提取和加載圖像。

link和@import的區(qū)別：

兩者都是外部引用CSS的方式，但區(qū)別如下：

區(qū)別1：link是XHTML標(biāo)簽，除了加載CSS外，還可以定義RSS等其他事務(wù)；@import屬于CSS范疇，只能加載CSS。

區(qū)別2：link引用CSS時(shí)，在頁(yè)面載入時(shí)同時(shí)加載；@import需要頁(yè)面網(wǎng)頁(yè)完全載入以后加載。

區(qū)別3：link是XHTML標(biāo)簽，無(wú)兼容問(wèn)題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。

區(qū)別4：link支持使用JavaScript控制DOM去改變樣式；而@import不支持。

以上就是小編為大家整理的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，也希望大家繼續(xù)支持腳本之家~~

最新評(píng)論