baseタグの書き方｜その意味を初心者に分かりやすく解説！

<base> タグは、リンクの基準になるＵＲＬを指定するためのタグですが、 サンプルサイト では、フレームの中で綺麗にページを表示するために使用しています。

■ <base> タグの記述例 （サンプルサイトから抜粋）

まず、上記は、サンプルサイトのソースになるのですが、 <base target="_top"> という記述は、フレームの中で綺麗にページを表示するために書いています。


具体的には、サンプルサイトでは、「フレーム」という技を使っていて、このフレームを使うと、 １つのファイル（サンプルサイトであれば、side.html ファイル）を書き換えるだけで、すべてのページに情報を反映させることができます。

つまり、ホームページの修正が簡単になり、特に、ホームページのサイドバーのように、すべてのページで同じ内容を掲載したい場合に、とても役に立つというわけです。


ただ、「フレーム」を使うときは、<base target="_top"> という記述をソースに入れておかないと、 フレームの中のリンクをクリックしたときに、下記の画像のように、フレームの中で新しいページが開いてしまうのですよね。。。





上記のようなことにならないように、<base target="_top"> という記述を入れています。


なお、この <base> タグは、あまり使う機会がないのですが、ここでは、「ホームページにフレームを使うときは、<base target="_top"> の記述が必要」ということだけ、覚えておいて下さいね。

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ。

⇒　当サイトで使用しているサンプルサイトの無料ダウンロードはこちら

これからはAIの時代になります。 私も、AIを使って文章や画像やホームページを作っています。 私が実際に行っているやり方を、分かりやすく解説した講座が、下記の講座です。

⇒　AIやChatGPTを活用してビジネスを行う講座はこちら