HTMLでのフレームの使い方

HTML フレームワークを使用すると、Web サイトのコンテンツを整理するためにドキュメント ウィンドウに複数のドキュメント領域を作成できます。フレームを作成するには、 タグを使用して行または列を指定し、 タグを使用して各フレームのソースを指定します。 name 属性を使用して JavaScript 操作用のフレームに名前を付けることで、フレームをネストすることができます。ただし、フレームの代わりにフレキシブル グリッドなどの最新のテクノロジーを使用することをお勧めします。

#HTML でのフレームの使用

HTML では、フレームは複数のドキュメントをドキュメント ウィンドウに収容できることを指定します。の位置。フレームは、Web サイトのさまざまな部分を論理パーティションに編成するためによく使用されます。

フレームの作成

フレームを作成するには、

タグを使用して、フレームの行または列を指定します。

<code class="html"><frameset rows="20%, 80%">
  <frame src="header.html">
  <frame src="content.html">
</frameset></code>

上の例では、「header.html」が上位 20%、「content.html」が下位 80% を占める 2 行のフレームセットを作成します。

ネストされたフレーム

フレームセットは別のフレームセット内にネストでき、より複雑なパーティションを作成できます。例:

<code class="html"><frameset cols="50%, 50%">
  <frameset rows="50%, 50%">
    <frame src="menu.html">
    <frame src="content1.html">
  </frameset>
  <frame src="content2.html">
</frameset></code>

この例では、50/50 列のフレームセットを作成します。左側のフレームセットには Menu と Content1 の 50/50 行のフレームセットが含まれ、右側のフレームセットには「Content 2」が含まれます。

フレームの名前指定

フレームを参照して操作 (ソースの変更やコンテンツの更新など) を行うには、

name 属性を使用して、各フレームに名前を付けます。例:

<code class="html"><frame name="header" src="header.html">
<frame name="content" src="content.html"></code>

JavaScript でのフレーム操作

JavaScript は、

window.frames オブジェクト配列を通じてフレームにアクセスし、操作できます。例:

<code class="javascript">window.frames[0].location = "new_header.html"; //更改第一个框架的源
window.frames["content"].reload(); //刷新“content”框架</code>

注: フレームはアクセシビリティの問題や複雑さを引き起こす可能性があるため、HTML では推奨されなくなりました。最新の Web サイトのデザインでは、柔軟なグリッドや応答性の高いレイアウトなど、より最新のテクノロジーを使用する必要があります。

以上がHTMLでのフレームの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。