href和src、link和@import的區(qū)別詳解

href和src的區(qū)別:
href(Hypertext Reference):超文本引用,常用的標簽有l(wèi)ink、a等,用來鏈接引用的外部資源。在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個鏈接或者關系,如:
<link href="style.css" rel="stylesheet" />
src(source):引入資源,引入的src的內容是頁面必不可少的一部分。引入的內容會嵌入當前資源到當前文檔元素定義的位置,常用的有:img、script、iframe等。如:
<script src="script.js"></script>
在瀏覽器下載、編譯、執(zhí)行這個文件之前頁面的加載和處理會被暫停(當瀏覽器解析到該元素時,會暫停瀏覽器的渲染),這也是建議把js文件放到底部加載的原因。img標簽頁與此類似,瀏覽器暫停加載直到提取和加載圖像。
link和@import的區(qū)別:
兩者都是外部引用CSS的方式,但區(qū)別如下:
區(qū)別1:link是XHTML標簽,除了加載CSS外,還可以定義RSS等其他事務;@import屬于CSS范疇,只能加載CSS。
區(qū)別2:link引用CSS時,在頁面載入時同時加載;@import需要頁面網(wǎng)頁完全載入以后加載。
區(qū)別3:link是XHTML標簽,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。
區(qū)別4:link支持使用JavaScript控制DOM去改變樣式;而@import不支持。
以上就是小編為大家整理的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,也希望大家繼續(xù)支持腳本之家~~
相關文章
CSS中l(wèi)ink和@import的區(qū)別說明
link與@import這兩種方式都是為了加載CSS文件,但還是存在著細微的差別。下面腳本之家小編給大家介紹CSS中l(wèi)ink和@import的區(qū)別說明,感興趣的朋友一起看下吧2016-08-12- link引用CSS時,在頁面載入時同時加載;@import需要頁面網(wǎng)頁完全載入以后加載;ink支持使用Javascript控制DOM去改變樣式;而@import不支持等等,感興趣的朋友可以參考下哈2013-04-03
引入CSS的方式有哪些?link和@import的有何區(qū)別應如何選擇
有一些頁面比較簡單,流量很大的網(wǎng)站,是直接將CSS寫在html代碼中的?他們有什么區(qū)別?CSS用import還是link好?本文搜集整理了一下,感興趣的朋友可以看看哦,希望本人對你2013-01-23css中l(wèi)ink和@import的區(qū)別分析詳解
本文章詳細的介紹了關于link和@import的區(qū)別,有需要了解的朋友可以參考一下本文章2012-03-31CSS兩種方式link和@import-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學網(wǎng)
看到淘寶網(wǎng)頁中大部分是這樣寫的 <style type="text/css" media="screen"> @import url("http://www.taobao.com/home/css/global/v2.0.2008-10-31- base64簡單地說,它把一些 8-bit 數(shù)據(jù)翻譯成標準 ASCII 字符,網(wǎng)上有很多免費的base64 編碼和解碼的工具,目前,IE8、Firfox、Chrome、Opera瀏覽器都支持這種小文件嵌入2013-09-23
- src和href之間存在區(qū)別,能混淆使用。src用于替換當前元素,href用于在當前文檔和引用資源之間確立聯(lián)系。2013-04-03