src屬性和href屬性是HTML中常用的屬性，用于指定外部資源的路徑或鏈接。這兩個屬性雖然在外觀上有相似之處，但在功能上有著明顯的差異。
首先，src屬性（source的縮寫）用于指定外部資源的路徑，通常用于嵌入外部腳本、圖像或音視頻文件到HTML文檔中。src屬性的值可以是相對路徑或絕對路徑。
以圖像為例，如果要在HTML頁面中插入一張圖片，可以使用以下代碼示例：
<img src="example.jpg" alt="Example Image">
登錄后復制
在這個例子中，src屬性的值是”example.jpg”，它指定了要插入的圖片的路徑。瀏覽器會根據該路徑加載對應的圖片，并在HTML頁面中顯示出來。
再來看href屬性（hypertext reference的縮寫），它主要用于指定引用文檔之間的鏈接關系。href屬性常用于HTML的錨點鏈接、導航鏈接和樣式表的鏈接等。
以錨點鏈接為例，可以使用以下代碼示例：
<a href="#section1">Go to Section 1</a> ... <h2 id="section1">Section 1</h2>
登錄后復制
在這個例子中，href屬性的值是”#section1″，它指定了鏈接的目標是id為”section1″的元素。當用戶點擊鏈接時，瀏覽器會滾動到相應的位置，使目標元素可見。
除了錨點鏈接，href屬性還可以用于導航鏈接，比如跳轉到其他網頁：
<a href="https://example.com">Go to Example Site</a>
登錄后復制
在這個例子中，href屬性的值是”https://example.com”，它指定了鏈接要跳轉到的網頁。
需要注意的是，src屬性和href屬性的用途和功能是不同的。src屬性是用于嵌入外部資源到HTML文檔中，而href屬性是用于指定鏈接關系。在實際應用中，根據需要正確使用這兩個屬性可以提高網頁的性能和功能。
最后，使用src屬性和href屬性時，需要正確填寫路徑或鏈接的值。相對路徑會相對于當前文檔的路徑進行解析，而絕對路徑則是從根目錄開始的完整路徑。因此，在書寫代碼時要注意路徑的準確性，以確保外部資源能夠正確加載或鏈接到。
