HTML <base> タグ

定義と使用法

<base> タグは、ドキュメント内のすべての相対URLのベースURLおよび/またはターゲットを定義します。

通常、ブラウザは現在のドキュメントのURLから相対URLの空白を埋めるために適切な要素を抽出します。

使用 <base> タグがこれを変更できます。その後、ブラウザは現在のドキュメントのURLを使用するのではなく、指定されたベースURLを使用してすべての相対URLを解析します。これには、<a>、<img>、<link>、<form>タグ内のURLが含まれます。

<base> タグは、 href または target 属性を持つか、または両方を持つ必要があります。

1つのドキュメントにのみ存在できます。 <base> 要素であり、それが <head>要素 内部。これは通常、head要素の中で最も前に配置される子要素の1つであり、そのため、その設定されたベースURLを使用して、その後のメタデータ要素の中の相対URLが参照できるようにします。

も参照してください：

HTML DOM リファレンスマニュアル：Base オブジェクト

例

ページ上のすべてのリンクにデフォルトのURLとデフォルトのターゲットを指定します：

<head>
  <base href="https://www.codew3c.com/" target="_blank">
</head>
<body>
<img src="i/photo/tree.png" width="150" height="161" alt="Tree">
<a href="tags/tag_base.asp">HTML base タグ</a>
</body>

実際に試してみる

属性

属性 値 説明
href URL ページ中のすべての相対 URL の基本 URL を指定します。
target
  • _blank
  • _parent
  • _self
  • _top
 ページ中のすべての超リンクとフォームのデフォルトのターゲットを指定します。

全局属性

<base> タグはさらに HTML 中的全局属性。

イベント属性

<base> タグは任何イベント属性をサポートしません。

デフォルトの CSS 設定

無。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート