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不支援。
相關文章
- 談談url、href、src
- 淺談src與href的區別
- URL href 屬性
- 請解釋下href="javascript:void(0)"和href="#"的區別是什麼?JavaScript
- 面試—塊級、行內、內聯元素的特點,常見的元素的特點屬性(href、src的區別,alt和title的區別)面試
- url和uri區別
- window.location.href與window.location.hash區別
- uri和url的區別
- URL、URI與URN 區別
- url和uri的區別
- 【思考】URI和URL的區別?以及URL的結構
- HTTP協議中URI和URL區別HTTP協議
- HTML 裡 img 元素的 src 和 srcset 屬性有何區別?HTML
- location.href
- Vue中的靜態資源管理(src下的assets和static資料夾的區別)Vue
- 女朋友看了會生氣的回答 URI和URL有什麼區別?
- CSSStyleSheet.href 屬性CSS
- 調皮的location.href
- <base href=““/> 標籤的使用
- Nginx支援url不區分大小寫Nginx
- data型別的Url格式:把小資料直接嵌入到Url中型別
- html中的src以及一些庫的src資料夾HTML
- libharu 原始碼解析-SRC原始碼
- <a>為空使用href屬性值填充
- [需求建議]希望OT實現URL別名
- 攻防世界 web高手進階區 10分題 urlWeb
- window.location.replace vs window.location.href
- a標籤href與onclick之間的碰撞
- 和區別
- #include <> ““區別
- __weak與__block區別,深層理解兩者區別BloC
- LinkedList和ArrayList的區別、Vector和ArrayList的區別
- http和https的區別/get和post的區別HTTP
- day53:django:URL別名/反向解析&URL分發&名稱空間&ORM多表操作修改/查詢DjangoORM
- django版本區別Django
- MyISAM InnoDB 區別
- simulink模式區別模式
- ||和??的區別
- /*和/**的區別