詳解css中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不支援。

相關推薦：

CSS3中nth-child與nth-of-type的區別詳解

詳解addEventListener與on的差異

html裡的br，p和DIV有什麼差別

#

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