src屬性和href屬性是在HTML中常用的屬性，用于指定網(wǎng)頁(yè)中外部資源的引用。雖然它們都可以用來(lái)引用外部資源，但在使用和功能上卻有著不同的用途。
首先，src屬性用于指定外部資源在網(wǎng)頁(yè)中的嵌入方式，常用于引入圖片、音頻、視頻等媒體文件，以及引用JavaScript文件。通過(guò)使用src屬性，可以將外部資源嵌入到HTML文檔中。
下面是一個(gè)使用src屬性引用圖片的例子：
<img src="image.jpg" alt="圖片">
登錄后復(fù)制
上述代碼片段中，src屬性指定了圖片文件的路徑，瀏覽器會(huì)根據(jù)src屬性的值加載并顯示對(duì)應(yīng)的圖片。
另外，使用src屬性引入JavaScript代碼的例子如下：
<script src="script.js"></script>
登錄后復(fù)制
在上述代碼中，src屬性定義了引入的JavaScript文件的路徑，瀏覽器會(huì)根據(jù)src屬性的值加載并執(zhí)行該文件中的JavaScript代碼。
相比之下，href屬性用于指定外部資源在網(wǎng)頁(yè)中的鏈接方式，常用于引入CSS樣式表文件，以及創(chuàng)建其他網(wǎng)頁(yè)之間的鏈接。
下面是一個(gè)使用href屬性引入CSS樣式表的例子：
<link href="style.css" rel="stylesheet">
登錄后復(fù)制
在上述代碼中，href屬性指定了引入的CSS文件的路徑，瀏覽器會(huì)根據(jù)href屬性的值加載并應(yīng)用該樣式表文件中的樣式規(guī)則。
另外，使用href屬性創(chuàng)建鏈接的例子如下：
<a href="page2.html">跳轉(zhuǎn)到第二頁(yè)</a>
登錄后復(fù)制
上述代碼中，href屬性定義了鏈接目標(biāo)的路徑，用戶點(diǎn)擊文本內(nèi)容時(shí)，瀏覽器會(huì)根據(jù)href屬性的值跳轉(zhuǎn)到對(duì)應(yīng)的網(wǎng)頁(yè)。
總結(jié)起來(lái)，src屬性多用于引入媒體文件或腳本文件，而href屬性則多用于引入樣式表文件和創(chuàng)建鏈接。src屬性用于嵌入外部資源，而href屬性用于創(chuàng)建與其他網(wǎng)頁(yè)的連接。正確使用這兩個(gè)屬性可以有效地管理和引用外部資源，并提升網(wǎng)頁(yè)的功能和美觀性。
