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中文網其他相關文章!