【WEB面試】如何理解href 和src的區別?

往往越簡單的問題越能體現一個人學習功底是否紮實，src和href在html頁面中太常見了吧。今天我們來分析下這個有可能面試會遇到的問題！

首先，我先翻譯下它們各英文縮寫：

src 是source的縮寫，翻譯過來爲資源的意思；

在HTML中通常用於把資源插入到文檔當前的節點中，標籤有img、script、iframe...例如

<img src="/imgs/logo.png">

注意：當瀏覽器解析到此元素的時候，會暫停瀏覽器的渲染。直到資源被加載完畢！這也是爲什麼要把js腳本放在底部而不是頭部的原因！！

href 是HyperText reference 的縮寫，翻譯過來爲超文本用引用的意思。 

在HTML中通常用於a標籤、link標籤，例如

<link rel="stylesheet" href="mystyle.css">

<a href="http://baidu.com"></a>

注意：href在引用css樣式表的時候，並不會暫停瀏覽器的渲染。