<base>

ベース（タグ）

意味基準URLの指定

<base>とは？

<base>タグは、ページ内のすべての相対URLの基準となるベースURLを指定するために使用されます。また、ターゲットブラウザのウィンドウやフレームを指定することもできます。

<base>の具体的な使い方

基準URLの設定例

<head>
  <base href="https://www.example.com/">
</head>

この例では、<base>タグを使って、ドキュメント内のすべての相対URLが'https://www.example.com/'を基準に解決されるように指定しています。つまり、ページ内で相対パスを使ったリンクや画像の参照がある場合、このURLを基準にして絶対パスが計算されます。

基準URLとターゲット設定の例

<head>
  <base href="https://www.example.com/" target="_blank">
</head>

基準URLの指定に加えて、target属性を使用してページ内のすべてのリンクを新しいタブで開くように設定しています。

<base>に関するよくある質問

Q. <base>タグは必須？

A. いいえ、<base>タグは必須ではありません。相対URLの基準を明示的に設定したい場合や、ページ全体のリンクの振る舞いを一括で制御したい場合に使用します。

Q. <base>タグの位置は重要？

A. はい、<base>タグは<head>セクション内で、他のすべての要素（<link>、<script>など）よりも前に配置する必要があります。これにより、後続の要素が正しく解釈されます。

Q. 複数の<base>タグは使える？

A. いいえ、1つのHTML文書には1つの<base>タグのみ使用できます。複数の<base>タグがある場合、最初の1つだけが有効となり、それ以降は無視されます。

HTMLを勉強するのにおすすめな問題集アプリの紹介

楽しくプログラミングを学ぶことで、プログラミングの理解度が深まります。『HTML問題集』は、楽しくHTMLを学ぶのに最適なアプリです。AIが出題する問題に答えていくことで、自然とHTMLの理解度が深まります。

プログラミング問題集公式サイトはこちら：https://programming-tango.jp/promon/

HTMLの<base>についても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、HTMLの<base>や<dd>、<button>、<col>、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。