HTML base 標籤

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

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

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012