首頁  >  文章  >  web前端  >  href和src、link和@import有什麼區別

href和src、link和@import有什麼區別

php中世界最好的语言
php中世界最好的语言原創
2018-03-21 15:20:372625瀏覽

這次帶給大家href和src、link和@import有什麼差別,使用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不支援。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:

css中屬性值繼承如何使用

#雙飛翼佈局與聖杯佈局圖文詳解


以上是href和src、link和@import有什麼區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn