HTML base 標籤

HTML base 標籤可以用來控制網頁內的連結屬性，當網頁設計師採用了 base 標籤，則網頁內的所有連結預設開啟目標將根據 base 標籤的規定開啟，例如在 <base> 內使用 target="_blank" 這樣的屬性，網頁內的其他連結，就算未使用 target="_blank" 依然可以用在新窗開啟。

HTML base 標籤語法

HTML <base> 標籤共有兩個屬性可以使用，分別為 target 以及 href，可以寫在同一個 <base> 標籤內，也可以分為兩個 <base> 標籤。

HTML base 屬性表

屬性	屬性值說明
href	預設的網頁 URL，網頁內的連結網址若未設定連結目的，則以此為主。
target	target="_blank"。在新的視窗開啟連結。
	target="_parent"。在父層視窗開啟連結。
	target="_self"。在框架內直接開啟連結，若無框架則等同於直接在同一的視窗開啟。
	target="_top"。以 top 模式開啟連結。

HTML base 標籤範例

<head>
<base href="http://www.wibibi.com" target="_self">
</head>
<a href="#">Wibibi 網頁設計教學百科</a>

呈現結果

Wibibi 網頁設計教學百科

如範例所示，HTML <base> 標籤必須寫在 <head> 區域內，超出此區域將是為無效標籤，我們將 href 與 target 兩個屬性寫在同一個 <base> 標籤內，優點是可以節省程式碼空間。當頁面內的超連結僅有 # 這樣的 URL，也就是假連結的時候，網友選擇該連結，瀏覽器會根據 head 區域內 <base> 所設定的 href 屬性值，將網友帶往預設的網頁，且開啟方式以 target 所設定的屬性值開啟。

延伸閱讀