HTML フレームは、Web ページまたは Web ブラウザを複数のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。 A フレームは、コンテナから独立してコンテンツを表示します。複数のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。 各フレームには、それを示すフレームタグがあります。 HTML文書では、横枠はframeタグのrow属性で定義され、縦枠はframeタグのcolumn属性で定義されます。 1 つのフレーム内の同じウィンドウに、静的なバナーや 2 番目のナビゲーション メニューなどが表示される場合があります。 フレームの構文 HTML には の終了タグがありません。タグ。 Web ページでフレームを使用するときは、 を使用します。 の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 属性 Cols はピクセル単位の値を受け取り、フレームセット内の列の数とサイズを指定するのに役立ちます。 ログイン後にコピー 同様に、上で見たように、属性行はピクセル単位の値を受け取り、フレームセット内の行の数とサイズを指定するのに役立ちます。 ログイン後にコピー ただし、 はタグは HTML5 で非推奨となり、使用されなくなりました。 HTML のさまざまなタイプのフレーム フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、 内の 1 つのウィンドウ フレームを定義します。 Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。 フレーム内でよく使用されるさまざまな属性は、border、scrolling、src、name などの属性です。 フレームタグの種類 次に、さまざまなタイプのフレーム タグを示します: タグ属性 には 5 つの重要な属性があり、ここで説明します: 1. Col: Col 属性は垂直フレームを与えます。ただし、幅は 4 つの方法で指定できます。 ピクセル: 絶対値をピクセル単位で指定できます。 3 つの垂直フレームを作成する必要がある場合は、次の値を指定できます:cols=”100,50,100”. パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場合は、次の値を指定できます:cols=”40%,20%,40%” ここでワイルドカード (*) を使用して、言及されていない残りのウィンドウをワイルドカードに取らせることもできます。 cols=”30%,*,30%” 出力: 2. Rows: row 属性は水平フレームを与えます。フレームセット内の行を指定します。 3 つの水平フレームを作成する必要がある場合は、次を使用します: 例: 行=”10%,80%,10%'. 以前に列の場合に行ったように、各行の高さを設定することもできます。 出力: 3. Border: 各フレームの境界線の幅をピクセル単位で指定します。 例: border=”4”。 border=”0” の場合、境界線がないことを意味します。 4. Frameborder: フレーム間に 3 次元の境界線を表示する必要がある場合は、この属性を使用します。属性が取る値は 1 または 0 (Yes または No) です。 例: Frameborder=”0” は境界線なしを意味します。 5. Framespacing: この属性は、フレームセット内のフレーム間のスペースの量を指定します。この属性には任意の整数値をここで指定できます。 例: Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。 タグ属性 このセクションでは 8 つの属性をリストできます。 1. src: フレームにロードされるファイル名をこの属性に指定します。この属性の値には任意の URL を指定できます。 例: src= www.facebook.com 2. name: この属性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複数のリンクがあり、それが別のフレームに読み込まれる場合は、この属性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自体を識別するための名前が必要です。 例: name=”abc.htm.” 3. Frameborder: この属性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。 4. marginwidth: この属性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル単位で指定されます。 例: marginwidth=”10”. 5. marginheight: この属性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル単位で指定されます。 例: marginheight=”10”. 6. noresize: この属性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この属性がない場合、どのフレームでもサイズを変更できます。 例: noresize=”noresize.” 7. Scrolling: この属性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動」のいずれかです。 例:scroll=” no” は、スクロール バーを含めないことを意味します。 8. longdesc: この属性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。 例: longdesc=”framedesc.htm.” フレームとブラウザのサポート 古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 内に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場合は、 </p> 要素の内容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3>結論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識を持っておくことは良いことです。</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
