<base> - ベース URL の指定

概要
説明
属性
使用例
- 使用例(href)
- 使用例(target)
リンク

概要

形式: <base href="...">
<base target="...">
サポート: https://caniuse.com/mdn-html_elements_base
カテゴリ: メタデータコンテンツ
親要素: head(他に base要素が無いこと)
子要素: 無し(Empty)
タグの省略: 開始タグ:必須 / 終了タグ:無し
属性: グローバル属性
 href
target

説明

このページに記述されたリンク先 URL の基準となる URL や、基準となるターゲットウィンドウ(ターゲットフレーム)を指定します。<head>～</head> のヘッダ部に指定します。href で指定するURLは、絶対URLを指定します。

属性

グローバル属性: 詳細はグローバル属性を参照してください。
href=url: LS/H2/e2/Ch/Fx/Sa/Op/N2/i1; 基準となる URL を指定します。HTML4.01 Strict では target 属性はサポートされないので、href 属性が必須として定義されています。
target=target: LS/H5/H4T/e3/Ch/Fx/Sa/Op/N2; 表示ターゲットを指定します。

使用例

使用例(href)

下記の例では、基準 URL を http://www.example.com/ に設定していますので、index.html へのリンクをクリックすると、http://www.yyy.zzz/index.html にジャンプすることになります。

HTML

<html>
 <head>
  <title>タイトル</title>
  <base href="http://www.example.com/">
 </head>
 <body>
  <a href="index.html">XXX</a>
 </body>
</html>

使用例(target)

下記の例では、基準ターゲットを xyz に設定していますので、そのページ中にあるリンクをクリックすると、それらはすべて、xyz という名前のウィンドウ(フレーム)に表示されます。

HTML

<html>
 <head>
  <title>タイトル</title>
  <base target="xyz">
 </head>
 <body>
  <a href="aaa.html">AAA</a>
  <a href="bbb.html">BBB</a>
 </body>
</html>

リンク

初版:1996年9月10日最終更新:2017年12月24日

https://www.tohoho-web.com/html/base.htm