href和src的區、link和@import的區別

href和src的區別:

  1. href(Hypertext Reference):超文本引用,常用的標籤有link、a等,用來鏈接引用的外部資源。在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個鏈接或者關係,如:
<link href="style.css" rel="stylesheet" />
  1. src(source):引入資源,引入的src的內容是頁面必不可少的一部分。引入的內容會嵌入當前資源到當前文檔元素定義的位置,常用的有:img、script、iframe等。如:
<script src="script.js"></script> 

在瀏覽器下載、編譯、執行這個文件之前頁面的加載和處理會被暫停(當瀏覽器解析到該元素時,會暫停瀏覽器的渲染),這也是建議把JS文件放到底部加載的原因。img標籤頁與此類似,瀏覽器暫停加載直到提取和加載圖像。


link和@import的區別:

兩者都是外部引用CSS的方式,但區別如下:

區別1:link是XHTML標籤,除了加載CSS外,還可以定義RSS等其他事務;@import屬於CSS範疇,只能加載CSS。

區別2:link引用CSS時,在頁面載入時同時加載;@import需要頁面網頁完全載入以後加載。

區別3:link是XHTML標籤,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。

區別4:link支持使用Javascript控制DOM去改變樣式;而@import不支持。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章