url、href、src區別

qq小小布丁發表於2017-07-18

url(Uniform Resource Locator)統一資源定位符
href (Hypertext Reference)超文字引用,引用資源與當前檔案建立的一種聯絡,在link、a中使用。<link href="common.css" rel="stylesheet"/>
執行這句話時候,頁面不會停止對文件的處理

src(Source)資源,引用資源替代當前元素,在img、script、iframe中使用。<script src="js.js"></script>
如果執行到這句話,頁面會停止其他資源下載,直到這個資源載入完畢

補充: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不支援。

相關文章