HTML <base>

<BASE> はリンク先のベースターゲット（基準値）を指定するHTMLタグです。また、リンク先のページを開くときのウィンドウやフレームを指定することもできます。

構文

タグ名、属性名および属性値は大文字と小文字を区別しない。

<base></base>

終了タグは省略できる。

<base>

base は内容が無い要素であるため、空タグで記述できる。

<base />

内容

base 要素に内容は無い。開始タグと終了タグの間にテキストや要素を入れることはできない。

親要素

base の親要素は head である。base 要素はひとつだけ存在できる。

<head>
  <base href="https://segakuin.com/">
</head>

属性

すべての要素に共通するグローバル属性のほか、以下に示す属性を base 要素に指定できる。

href

リンク先の基準となるURIを記述します。たとえば、基準URI（base要素のhref属性）が https://segakuin.com/ で、リンク先（<A>タグのhref属性）が index.html であれば、実際のリンク先は https://segakuin.com/index.html となります。

<base href="https://segakuin.com/">

target

リンク先のページを開くときに現在のウィンドウを使うか、新しいウィンドウを開くかを指定します。省略した場合は、現在のウィンドウを使います。HTML 4.01 Strict や XHTML では廃止されました。

base要素のtarget属性
値	説明
_blank	新しいウィンドウを開きます
_self	現在のウィンドウを使います
_top	フレーム分割している場合、フレームを解除して現在のウィンドウを使います
名前	指定した名前のフレームを使います

例

HTMLタグ <base> の使用例を次に示します。

<html>
  <head>
    <title>An example of base element</title>
    <base href="https://segakuin.com/" target="_blank">
  </head>
  <body>
    <p>
      <a href="index.html">An example of base element</a>
    </p>
  </body>
</html>

JavaScript

JavaScriptからはHTMLBaseElementインタフェースを通じてbase要素にアクセスできる。

HTMLBaseElementインタフェースは次に示すプロパティを持つ。

HTMLBaseElementインタフェースのプロパティ
プロパティ	型	説明
accessKey	DOMString	base要素のaccessKey属性
contentEditable	DOMString	base要素のcontentEditable属性
dataset	DOMStringMap	base要素のカスタムデータ属性（data-*）
dir	DOMString	base要素のdir属性
draggable	Boolean	base要素のdraggable属性
href	DOMString	base要素のhref属性
innerText	DOMString	ノードに描画されるテキスト
lang	DOMString	base要素のlang属性
style	CSSStyleDeclaration	base要素のstyle属性
target	DOMString	base要素のtarget属性
title	DOMString	base要素のtitle属性

参考文献

Web Hypertext Application Technology Working Group (2025) HTML Living Standard