url、href、src區別
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不支援。
相關文章
- href 和 src 的區別
- 淺談src與href的區別
- URL href 屬性
- angularjs中的ng-src和ng-hrefAngularJS
- angular學習筆記(十)-src和href處理Angular筆記
- location.href和location.replace()區別
- 面試—塊級、行內、內聯元素的特點,常見的元素的特點屬性(href、src的區別,alt和title的區別)面試
- url和uri區別
- window.location.href與window.location.hash區別
- URL、URI與URN 區別
- uri和url的區別
- URL和URI的區別
- <url-pattern>/</url-pattern>和<url-pattern>/*</url-pattern>區別
- 在a標籤的href與onclick中使用javascript的區別JavaScript
- rpm與src.rpm區別及安裝
- 【思考】URI和URL的區別?以及URL的結構
- HTTP協議中URI和URL區別HTTP協議
- HTML 裡 img 元素的 src 和 srcset 屬性有何區別?HTML
- URL和URI的區別簡單介紹
- <link>和@import url()引入外部css檔案的區別ImportCSS
- spring MVC的困惑--url-pattern的/和/*有區別SpringMVC
- Vue中的靜態資源管理(src下的assets和static資料夾的區別)Vue
- CSSStyleSheet.href 屬性CSS
- 女朋友看了會生氣的回答 URI和URL有什麼區別?
- Nginx支援url不區分大小寫Nginx
- data型別的Url格式:把小資料直接嵌入到Url中型別
- html中的src以及一些庫的src資料夾HTML
- jquery設定href屬性值jQuery
- <a>為空使用href屬性值填充
- javascript獲取location.href引數JavaScript
- 標籤的 src 屬性
- Hadoop SRC重新編譯Hadoop編譯
- [需求建議]希望OT實現URL別名
- JavaScript修改連結a的href屬性值JavaScript
- 將href屬性值寫入連結<a>
- href="javascript:void(0);" considered harmfulJavaScriptIDE
- 攻防世界 web高手進階區 10分題 urlWeb
- Nginx實現url請求不區分大小寫Nginx