區別:css
src用於使用外部資源填充/替換對應的元素。 herf則是創建當前文檔和外部資源的聯繫。瀏覽器
詳細分析:網絡
href(超文本連接)屬性指明瞭一個網絡資源的位置,並定義了當前元素(例如一個a標籤)或者當前文檔(例如一個link標籤)和這個網絡資源的關係。spa
<link href="style.css" rel="stylesheer" />
對於上面的代碼,瀏覽器會理解這個外部資源爲樣式表,在下載這個資源的時候,頁面的下載與解析不會中止。code
src(Source)屬性,會在當前文檔元素定義的位置將外部資源嵌入(使用外部資源替換元素的內容)圖片
<script src="script.js></script>
對於上面的代碼,當頁面解析遇到上面的代碼時,頁面的下載與解析將會暫停,直到瀏覽器接收、編譯、執行完script.js
文件。這個過程與在script
標籤中寫入script.js
內容相似。ip
img
標籤和上面的狀況相似。img
標籤是一個空標籤,其src屬性對應的圖片資源將會填充它。瀏覽器遇到img標籤將會中止頁面的加載與解析,直到瀏覽器加載完圖片。資源