淺談html中scr與href是什麼? scr與href有什麼差別?

青灯夜游
發布: 2018-10-15 11:09:33
原創
7336 人瀏覽過

html中scr與href是什麼? scr與href有什麼差別?這篇文章就跟大家介紹html中scr與href的差別是什麼,讓大家了解什麼是src、什麼是href,讓大家可以很好的區分scr與href。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

寫程式的時候我們常常會把scr與href這兩個屬性弄混淆,傻傻分不清;那麼下面我們就來了解scr與href這兩個屬性,再來看看html中src和href的差別是什麼吧。

html中什麼是src?

src是source的縮寫,表示外部文件的引用,代表了指向外部資源的位置,指向的內容將會套用到文件中目前標籤所在的位置(簡單來說:目的就是要把引用的檔案載入到html頁面的指定位置去)。

src屬性是頁面內容中不可缺少的一部分,常用到 js腳本,img圖片和frame等元素。例如:

<script src="script.js"></script> 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
登入後複製
<img src="2.png" />
<img src="https://apps.bdimg.com/img/2.png" />
登入後複製

html中什麼是href?

href是Hypertext Reference的簡寫,表示超文本引用,代表了指向網絡資源的所在位置,建立了和當前元素(錨點)或當前文檔之間的鏈接,它與頁面直接的關係為連結的關係。

常用的有:link、a。例如:

<link href="reset.css" rel=”stylesheet“/>

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

html中src和href的差別是什麼?

1、請求資源類型的差異

(1)在請求src 資源時會將其指向的資源下載並套用到文件中,例如js 腳本, img 圖片,frame;

(2)href表示指向網路資源的所在位置,用來建立和目前元素或目前文件之間的聯繫。

2、作用結果的差異

(1)src屬性:是用來取代目前內容;

(2)href屬性:是用於在目前文件和引用資源之間建立聯繫;

3、瀏覽器解析方式的差異

(1) 當瀏覽器解析到這句話時,會暫停其他資源的下載和處理,直到將該資源加載、編譯、執行完畢,圖片和框架等也如此,類似於將所指向資源應用到當前內容。這也是為什麼建議把 js 腳本放在底部而不是頭部的原因。

附: 若將js放在頭部,必須使用src引入外部js文件,使用defer=「defer」屬性,會先等待html文檔載入完再執行js程式碼,但defer屬性只能用於IE瀏覽器中。

(2)若在文件中加上這句話後,瀏覽器會識別該文件為CSS 文件,就會並行下載資源並且不會停止對目前文件的處理。這也是為什麼建議使用 link 方式來載入 CSS,而不是使用 @import 方式。

總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。更多相關教學請造訪 HTML影片教學 CSS基礎影片教學bootstrap教學

以上是淺談html中scr與href是什麼? scr與href有什麼差別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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