href是Hypertext Reference,表示超文本引用,用來創建當前元素和文檔之間的連接,常見的使用到href屬性的標籤有a、link。javascript
<link rel="stylesheet" href="css/style.css">
當瀏覽器按照順序執行到此行代碼的時候,並行下載連接文檔,不會中止對當前文檔的處理,因此css的加載通常是使用link而不採用@import加載css。css
src是source,src表示的是一種引入。src指向的內容會嵌入到文檔當前標籤所在位置。常常用到src的標籤有:img、script。java
<img src="../img/love.png"/>
<script type="text/javascript" src="js/main.js"></script>
瀏覽器解析到該行時,會暫時中止瀏覽器對當前文檔的渲染,一直到改行的src資源加載完畢。因此咱們通常把js腳本文件放在body底部而不是head部分。瀏覽器
conclusion:src經過引入資源來替換當前元素,href用來創建當前文檔和引用資源的聯繫。spa