src與href這兩個標籤內屬性大家應該不陌生，但是兩者有何區別呢？可能很多初學前端的人沒有思考過這個問題，本文將講述一些關於兩者的知識點，提高大家對其的認知，不停留在表面。
1. src與href的區別
在頁面上，一般我們用href加載css，位置在頭部；src加載javascript，並置與body尾部。
1.1 src
src是source的縮寫，是資源，頁面必不可少的一部分，src指向的內容會嵌入到文檔中當前標籤的位置。常用的有img, script, iframe。當瀏覽器解析到src引用時，會暫停瀏覽器的渲染，直到該資源加載完畢。這也是將js腳本放在底部而不是頭部的原因。
1.2 href
href是Hypertext Reference的縮寫，表示超文本引用。用來建立當前元素和文檔之間的鏈接。常用的有：link、a。瀏覽器會識別href引用的文檔並行下載該文檔，並且不會停止對當前文檔的處理。
2. css放在頭部，js放在尾部的原因
CSS放頭部
在加載html生成DOM tree的時候，就可以同時對DOM tree進行渲染。
這樣可以防止閃跳，白屏或者佈局混亂。
js放在後面
javascript可能會改變DOM tree的結構，所以需要一個穩定的DOM tree。
javascript加載後會立即執行，同時會阻塞後面的資源加載。（javascript加載和執行的特點）
3. 小結
本文對常見的src與href進行了梳理，給出了兩者各自代表的含義與兩者區別，從而引申出爲何將css放在頭部，而js放在body尾部的原因。通過本文，希望能給讀者一些益處，謝謝閱讀。