HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでフレームセットを追加する方法｜framesetタグの使い方と属性を解説

<frameset>タグでフレームのセットを追加する

HTMLでフレームのセットを追加するには、<frameset>タグを使用します。このタグを使うと、ブラウザのウィンドウを複数のフレーム（領域）に分割し、それぞれに別々のページを表示できるようになります。

注意： <frameset>タグはHTML5ではサポートされていません。現在のWeb制作では使用しないでください。

<frameset>タグの主な属性

属性値説明
cols列のサイズ列の数とそれぞれの幅を、ピクセル・パーセント・相対的な長さで指定します。デフォルトは100%です。
rows行のサイズ行の数とそれぞれの高さを、ピクセル・パーセント・相対的な長さで指定します。デフォルトは100%です。

コード例

以下のコードを実行して、<frameset>タグを使ったフレームセットの追加を試してみましょう。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML framesetタグ</title>
   </head>
   <frameset cols = "300, *">
      <frame src = "/html/menu.htm" name = "menu_page" />
      <frame src = "/html/main.htm" name = "main_page" />

      <noframes>
         <body>
            お使いのブラウザーはフレームに対応していません。
         </body>
      </noframes>

   </frameset>
</html>

この例では、cols="300, *" の指定により、ウィンドウが「幅300ピクセルの左フレーム」と「残りの幅全体を使う右フレーム」に分割されます。左側には menu.htm、右側には main.htm がそれぞれ読み込まれて表示されます。また、<noframes>タグ内の内容は、フレーム非対応のブラウザー向けに表示される代替テキストです。

現代のWeb開発における代替手段

<frameset>は廃止された機能のため、現在ではCSSのFlexboxやGridレイアウト、または<iframe>を使って同様の画面構成を実現するのが一般的です。新しいプロジェクトでは、これらのモダンな技術を採用することをおすすめします。

  1. HTMLのbrタグとは？改行の設定方法を実例付きで解説

    HTMLの<br>タグは、テキスト内に強制的な改行（ラインブレーク）を挿入するためのタグです。段落タグである<p>とは異なり、<br>タグを使うことで、新しい段落を作らずに1行分だけ改行できます。終了タグが不要な空要素（void要素）である点も特徴です。この記事では、<br>タグの基本的な使い方を、実際のコード例と表示結果をもとにわかりやすく解説します。コード例：brタグで改行を設定する以下は、HTMLで<br>タグを使用して改行を設定するサンプルコードです。<!DOCTYPE html> <html> <

  2. HTMLのfontタグとは？色・書体・サイズの指定方法を解説

    HTMLの<font>タグは、文字の色・フォント（書体）・サイズを指定するために使用されるタグです。主な属性は以下のとおりです。 color: 文字の色を指定します。 face: フォントの書体（フォントファミリー）を指定します。 size: 文字サイズを指定します。 注意：<font>タグはHTML5では廃止されており、最新の標準規格ではサポートされていません。現行のWebページでは、CSSの「color」「font-family」「font-size」などのプロパティを使ってスタイルを指定することが推奨されています。 それでは、HTMLで<font>