<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 |
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.elements.base.href.forbid_data_javascript_urls data:`と`javascript:`のURLは使用できません。 | 58 | 79 | 127 | 13.1 | 58 | 13.4 |
html.elements.base.href.relative_url 相対URI。 | 1 | 12 | 4 | 3 | 18 | 2 |
基本構文
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.
プレビュー全画面表示
実務での使いどころ
-
<base> の活用
<base> は HTML の要素で、文書内におけるすべての相対 URL の基点となる URL を指定します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。