link和@import的區別
阿新 • • 發佈:2020-10-13
link和@import的區別
link
<link>
標籤定義文件與外部資源的關係,最常見的用途是連結樣式表。除了載入CSS,還可以載入RSS,還可以定義rel連線屬性,而@import
屬於CSS範疇,只能用來載入CSS
HTML和XHTML之間的差異:
HTML中·<link>
標籤沒有結束標籤,但在XHTML中必須成對出現,被正確的關閉。
-
link元素是空元素,僅包含屬性,只存在於head部分,次數無要求。
在H5中擁有的新屬性:
-
link沒有相容性問題。@import在IE5以上支援,是CSS2.1新增的。
-
在樣式表文件可以使用import匯入其它的樣式表文件,而link不可以
-
link可以使用JavaScript控制DOM改變樣式,@import不支援;
-
link引用css時,頁面載入同時載入樣式,@import需要頁面完全載入以後載入;
-
link除了引用樣式檔案,還可以引用圖片等資原始檔,而import只引用樣式檔案