在前端開發中，<base> 標籤用於指定一個文件中所有相對 URL 的基準 URL。這意味著所有使用相對路徑的連結（例如 <a href="page.html">、<img src="image.jpg">、<link href="style.css">）都會相對於這個基準 URL 進行解析，而不是相對於當前文件的 URL。
<base> 標籤通常放在文件的 <head> 部分，並且一個文件只能包含一個 <base> 標籤。 它有兩個主要的屬性：
-
href: 這是必需的屬性，用於指定基準 URL。它可以是絕對 URL 或相對 URL。 -
target: 這是一個可選屬性，用於指定連結開啟的目標位置。它接受與<a>標籤的target屬性相同的取值，例如_blank、_self、_parent、_top以及框架的名稱。
以下是幾個例子：
- 設定絕對基準 URL:
<base href="https://www.example.com/subfolder/">
<img src="image.jpg"> <!-- 等同於 https://www.example.com/subfolder/image.jpg -->
<a href="page.html">Link</a> <!-- 等同於 https://www.example.com/subfolder/page.html -->
- 設定相對基準 URL:
<base href="/subfolder/">
<img src="image.jpg"> <!-- 等同於 https://[當前域名]/subfolder/image.jpg -->
<a href="page.html">Link</a> <!-- 等同於 https://[當前域名]/subfolder/page.html -->
- 設定目標視窗:
<base target="_blank">
<a href="https://www.example.com/">External Link</a> <!-- 將在新標籤頁或視窗中開啟 -->
<base> 標籤的常見用途：
- 簡化連結管理: 當網站的所有資源都位於同一個子目錄下時，使用
<base>標籤可以避免在每個連結中都重複寫這個子目錄的路徑。 - 部署到不同環境: 透過修改
<base>標籤的href屬性，可以輕鬆地將網站部署到不同的伺服器或目錄，而無需修改大量的 HTML 程式碼。 - 控制連結開啟方式: 使用
target屬性可以統一控制所有連結的開啟方式。
需要注意的事項：
- 過度使用
<base>標籤可能會使程式碼難以理解和維護，尤其是在複雜的網站中。 - 如果
<base>標籤的href屬性設定不正確，可能會導致網站上的連結失效。 - 在使用相對路徑的
href值時，要注意基準 URL 是相對於當前頁面的 URL 進行解析的。
總而言之，<base> 標籤是一個強大的工具，可以簡化網站的連結管理，但也需要謹慎使用，避免潛在的問題。