src用於替換當前元素，href用於在當前文檔和引用資源之間確立聯繫。
src:
src(source), 指向外部資源的位置，指向的內容將會嵌入到文檔中當前標籤所在的位置；在請求src資源時會將其指向的資源下載並應用到文檔中。比如js腳本，img圖片等。
當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執行完畢，圖片和框架等元素也是如此，img標籤是一個空標籤，它的內容就是由src這個屬性定義，瀏覽器會暫停加載直到這個圖片加載完成。
類似於將所指向的資源嵌入當前標籤內。這也是爲什麼將js腳本的引入放在底部的原因。
- 絕對 URL - 指向其他站點（比如 src="https://blog.csdn.net/u014789708"）
- 相對 URL - 指向站點內的文件（比如 src="/test/image.jpg"）
href:
href(Hypertext Reference)超文本引用：指向網絡資源所在位置，建立和當前元素(錨點)或當前文檔(鏈接)之間的鏈接，該屬性指向的網絡資源，瀏覽器會並行下載並且不會停止對當前文檔的處理。這也是爲什麼建議使用link方式，而不是使用@import方式。
href基礎語法：
- 絕對 URL - 指向另一個站點（比如 href="https://blog.csdn.net/u014789708"）
- 相對 URL - 指向站點內的某個文件（href="index.html"）
- 錨 URL - 指向頁面中的錨（href="#top"）