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