アップデート 2024年7月29日

★HTML Living Standard リファレンス

山田太郎

テック・リード

当サイトのリンクからサインアップしても、利用者の方に追加料金はかかりませんが、私たちが紹介手数料を受け取る場合があります。

<base> …… 文書の基準URLや基準ターゲットを指定する
Internet Explorer

<base>タグは、文書の基準URLや基準ターゲットを指定する際に使用します。

一つの文書内に複数のbase要素を指定することはできません。
base要素を使用する場合には、一つの文書内に一つだけ
<head>～</head>
のなかの最初の方に配置します。

base要素にhref属性を指定する場合、URLを取得する属性を持つ他の要素よりも前に配置する必要があります（html要素は除く）。

href属性が指定されたbase要素が複数ある場合、最初のbase要素以外はすべて無視されます。

target属性が指定されたbase要素が複数ある場合、最初のbase要素以外はすべて無視されます。

base要素の終了タグについて

HTMLの仕様では、base要素には終了タグ</base>はありません。

■属性

href属性

基準となる有効なURLを指定

target属性

リンク先ターゲット名、または、キーワードを指定

ターゲット名 …… 指定したターゲット名が付けられたウィンドウが、リンク先が開くターゲットとなります。存在しない無効なターゲット名を指定すると新規ウィンドウで開きます。
_blank …… 新規ウィンドウ
_self …… 現在ウィンドウ
_parent …… 親ウィンドウ
_top …… 最上位ウィンドウ

base要素には、少なくともhref属性かtarget属性のいずれかが必要です。

base要素のhref属性は、基準URLを設定

base要素のhref属性に有効なURLを指定すると、その文書内で記述する相対パスの基準URLとなります。

■使用例

以下のサンプルでは、base要素のhref属性で文書内のリンクの基準となるURLを指定しています。
このサンプルにおける文書内の相対リンクは、すべて「https://www.example.com/news/archives 」を基準とする相対リンクとなります。

HTMLソース

<!DOCTYPE html>
<html lang="ja">
 <head>
  <title>これは、base要素の使用例です</title>
  <base href="https://www.example.com/news/index ">
 </head>
 <body>
  <p><a href="archives ">アーカイブ</a>をご覧ください。</p>
 </body>
</html>

base要素のtarget属性は、基準ターゲットを設定

base要素のtarget属性に有効なターゲット名やキーワードを指定すると、その文書内にあるリンクの基準となるリンク先ターゲットとなります。

■使用例

以下のサンプルでは、base要素のtarget属性で文書内のリンクの基準となるリンク先ターゲットを指定しています。
target属性の値に「_blank」を指定しているため、このサンプルにおける文書内のリンクは、新規ウィンドウで開くのが基本となります。

HTMLソース

<!DOCTYPE html>
<html lang="ja">
 <head>
  <title>これは、base要素の使用例です</title>
  <base target="_blank">
 </head>
 <body>
  <p><a href="archives ">アーカイブ</a>をご覧ください。</p>
 </body>
</html>

■関連項目

<head> …… 文書のヘッダ情報を表す
<title> …… 文書のタイトルや文書名を表す
<base> …… 文書の基準URLや基準ターゲットを指定する
<link> …… 文書から外部リソースにリンクする
<meta> …… 文書に関するメタデータを表す
<style> …… CSSスタイルシートを文書に埋め込む

山田太郎

山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

全ての投稿者山田太郎

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。

カジノを探す

Back

どちらのバンキング方式をご希望ですか？

Select one of the following options

{"is_any_tile":true}

信頼できる

{"is_any_tile":true}

アップル・ペイ

{"is_any_tile":true}

より良い

{"is_any_tile":true}

スクリル

{"is_any_tile":true}

ネッテラー

{"is_any_tile":true}

ペイパル

{"is_any_tile":true}

クレジットカード

Back

理想のウェルカムボーナスとは？

Select one of the following options

{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]}

ウェルカムボーナス

入金不要ボーナス

登録ボーナス

ボーナスはいらない

Back

最もプレーしたいゲームは？

Select one of the following options

{"is_any_tile":true}

スポーツベット

{"is_any_tile":true}

ライブカジノ

{"is_any_tile":true}

プリンコ

{"is_any_tile":true}

バカラ

{"is_any_tile":true}

ポーカー

{"is_any_tile":true}

ルーレット

{"is_any_tile":true}

スロット

Back

Restart

やったー！

これはあなたの選択に基づいた最高のカジノです...

122 users signed up

もっと表示する