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

這次給大家帶來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中屬性值繼承如何使用

雙飛翼布局與聖杯布局圖文詳解