您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“html中href和src、link和@import的區別是什么”,內容詳細,步驟清晰,細節處理妥當,希望這篇“html中href和src、link和@import的區別是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
href和src的區別:
href(Hypertext Reference):超文本引用,常用的標簽有link、a等,用來鏈接引用的外部資源。在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個鏈接或者關系,如:<link href="style.css" rel="stylesheet" />
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不支持。
讀到這里,這篇“html中href和src、link和@import的區別是什么”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。