此頁面由社群從英文翻譯而來。了解更多並加入 MDN Web Docs 社群。
<base>:文件基礎 URL 元素
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
* Some parts of this feature may have varying levels of support.
<base> HTML 元素指定用於文件中所有相對 URL 的基礎 URL。一個文件中只能有一個 <base> 元素。
腳本可以使用 Node.baseURI 存取文件的已使用基礎 URL。如果文件中沒有 <base> 元素,則 baseURI 默認為 location.href。
屬性
此元素的屬性包括全域屬性。
警告:
<base> 元素必須具有 href 屬性、target 屬性或兩者都有。如果這些屬性中至少有一個被指定,則 <base> 元素必須出現在具有 URL 屬性值的其他元素之前,例如 <link> 的 href 屬性。
href-
用於整個文件中相對 URL 的基礎 URL。 允許絕對和相對 URL。 不允許
data:和javascript:URL。 target-
顯示來自
<a>、<area>或<form>元素的導航結果的關鍵字或作者定義的名稱的默認瀏覽上下文。以下關鍵字具有特殊含義:_self(默認):在當前瀏覽上下文中顯示結果。_blank:在新的、未命名的瀏覽上下文中顯示結果。_parent:如果當前頁面位於框架中,則在當前瀏覽上下文的父瀏覽上下文中顯示結果。如果沒有父瀏覽上下文,則與_self相同。_top:在最上層的瀏覽上下文中(當前瀏覽上下文的祖先且沒有父瀏覽上下文)顯示結果。如果沒有父瀏覽上下文,則與_self相同。
使用注意事項
多個 <base> 元素
如果使用多個 <base> 元素,只有第一個 href 和第一個 target 會被遵從,其它的將被忽略。
頁內錨點
指向文檔片段的鏈接,例如 <a href="#some-id">,將使用 <base> 解析,觸發帶有片段的基礎 URL 的 HTTP 請求。
例如,給定 <base href="https://example.com/"> 和此鏈接:<a href="#anchor">到錨點</a>。該鏈接指向 https://example.com/#anchor。
開放社交關係圖
Open Graph 標籤不會認識 <base>,應始終使用完整的絕對 URL。例如:
<meta property="og:image" content="https://example.com/thumbnail.jpg" />
範例
<base href="https://www.example.com/" />
<base target="_blank" />
<base target="_top" href="https://example.com/" />
技術概要
規範
| Specification |
|---|
| HTML # the-base-element |
瀏覽器相容性
Loading...