1. 程式人生 > 實用技巧 >link和@import的區別

link和@import的區別

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只引用樣式檔案