href和src的區(qū)別:
href(Hypertext Reference):超文本引用,常用的標(biāo)簽有l(wèi)ink、a等,用來鏈接引用的外部資源。在當(dāng)前元素或者當(dāng)前文檔和由當(dāng)前屬性定義的需要的錨點(diǎn)或資源之間定義一個鏈接或者關(guān)系,如:
<link href="style.css" rel="stylesheet" />
src(source):引入資源,引入的src的內(nèi)容是頁面必不可少的一部分。引入的內(nèi)容會嵌入當(dāng)前資源到當(dāng)前文檔元素定義的位置,常用的有:img、script、iframe等。如:
<script src="script.js"></script>
在瀏覽器下載、編譯、執(zhí)行這個文件之前頁面的加載和處理會被暫停(當(dāng)瀏覽器解析到該元素時,會暫停瀏覽器的渲染),這也是建議把js文件放到底部加載的原因。img標(biāo)簽頁與此類似,瀏覽器暫停加載直到提取和加載圖像。
link和@import的區(qū)別:
兩者都是外部引用CSS的方式,但區(qū)別如下:
區(qū)別1:link是XHTML標(biāo)簽,除了加載CSS外,還可以定義RSS等其他事務(wù);@import屬于CSS范疇,只能加載CSS。
區(qū)別2:link引用CSS時,在頁面載入時同時加載;@import需要頁面網(wǎng)頁完全載入以后加載。
區(qū)別3:link是XHTML標(biāo)簽,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。
區(qū)別4:link支持使用JavaScript控制DOM去改變樣式;而@import不支持。
以上就是小編為大家整理的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,也希望大家繼續(xù)支持VeVb武林網(wǎng)~~
新聞熱點(diǎn)
疑難解答
圖片精選