HTML中src和href的差別有哪些?用法有何不同?

藏色散人
發布: 2018-10-11 16:48:10
原創
4183 人瀏覽過

本篇文章主要介紹HTML中src和href的差異及其用法。

我們在前端開發過程中,src和href想必大家在單獨使用的時候都非常熟悉了,但是如果把他兩放在一起做比較,可能一時不會說明清楚。

而且關於src和href的區別問題,在前端面試題中出現的頻率也是非常高的。

下面我們就詳細的為大家介紹總結src和href的差異

一、href是Reference的縮寫,表示超文本引用

href 是指向網路資源所在位置,建立和目前元素(錨點)或目前文件(鏈接)之間的鏈接,用於超鏈接。

用法如:

<a href="www.php.cn">www.php.cn</a>
登入後複製

<link href="xx.css" rel="stylesheet"/>
登入後複製

等等

#二、src是source的縮寫,表示資源引入

src是指向外部資源的位置,指向的內容將會嵌入到文件中目前標籤所在位置;

在請求src資源時會將其指向的資源下載並套用到文件內,例如js腳本,img圖片和frame等元素。 。

當瀏覽器解析到該元素時,會暫停其他資源的下載和處理,直到將該資源載入、編譯、執行完畢,圖片和框架等元素也如此,類似於將所指向資源嵌入目前標籤內。這也是為什麼將js腳本放在底部而不是頭部。

用法如:

<script src="js.js"></script>
登入後複製

<img src="xx.jpg" />
登入後複製

等等

注意:src和href不能互相取代的。我們在可替換的元素上使用src,然而把href用於在涉及的文檔和外部資源之間建立一個關係。

這篇文章就是關於src和href的差異介紹,希望對需要的朋友有幫助!

以上是HTML中src和href的差別有哪些?用法有何不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板