<base>
<base> は HTML の要素で、文書内におけるすべての相対 URL の基点となる URL を指定します。 <base> 要素は、文書内に 1 つだけ置くことができます。
文書に使われている基底 URL は、スクリプトから Node.baseURI を使用して問い合わせることができます。文書に <base> 要素がなかった場合、 baseURI は既定で location.href になります。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 3 | 18 | 2 | |
| HTML 属性 | ||||||
href | 1 | 12 | 1 | 3 | 18 | 2 |
href (forbid data javascript urls) data:`と`javascript:`のURLは使用できません。 | 58 | 79 | 127 | 13.1 | 58 | 13.4 |
href (relative url) 相対URI。 | 1 | 12 | 4 | 3 | 18 | 2 |
target | 1 | 12 | 1 | 3 | 18 | 2 |
| DOM API | ||||||
| HTMLBaseElement インターフェイスは、文書の基底 URI を持ちます。このオブジェクトは HTMLElement インターフェイスで定められているすべてのプロパティとメソッドを継承します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLBaseElement インターフェースの href プロパティには、相対 URL のベースとして使用する URL を文字列で指定します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLBaseElement インターフェースの target プロパティは、ハイパーリンクやフォーム要素の結果出力を表示するデフォルトのターゲット・タブを表す文字列です。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
HTML
<head>
<base href="https://example.com/" target="_blank">
</head>
<!-- 相対パスはすべて https://example.com/ を基準に解決される -->ライブデモ
Relative URL resolution
Show how a base URL changes the destination of relative links and assets.
プレビュー全画面表示
Single base reminder
A document should carry at most one base element, because it rewrites every relative URL on the page.
プレビュー全画面表示
実務での使いどころ
-
<base> の活用
<base> は HTML の要素で、文書内におけるすべての相対 URL の基点となる URL を指定します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。