<base>: BASE 要素
最終更新：2026-10-13
<base>BASE 要素
すべての相対URLの基準URLまたは既定のターゲットを設定します。文書内に1つまでで、URLを持つ要素より前に置きます。
| カテゴリ | メタデータ |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 自己完結 — 閉じタグ不要 |
| ステータス | 標準 |
📝 構文
<base href="https://example.com/">⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
href | Base address for resolving relative URLs. | |
target | Default target window for links (e.g. _blank). |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <base> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： base は空要素です。設定するとすべての相対リンクがその基準に解決されるため、注意して使いましょう。
❓ よくある質問
Qbase タグは何に使うものですか？
A
<base href='https://example.com/app/'> は、ページ内のすべての相対 URL の基準アドレスを設定します。画像・リンク・フォーム送信の相対パスは、すべてこの基準で解決されます。target 属性でリンクの開き方（全部新しいタブなど）を統一することもできます。Qbase はアンカーリンクに影響しますか？
A影響します。しかも落とし穴になりがちです。base href が設定されたページでは
<a href='#top'> は現在のページではなく、基準アドレスの下の /#top と解釈され、意図しない遷移が起きます。base を設定したページでは、ページ内アンカーは現在ページの完全なアドレスで書くのが安全です。Qbase は head の先頭に置くべきですか？
A先頭に置くのが強く推奨です。
<base> は自分より後に現れた URL にしか効かないため、base より前に相対パスのリソースがあると、間違った基準で解決されます。head の最初の要素に置くのが最も安全な位置です。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
