HTMLでのフレームの使い方

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

#HTML でのフレームの使用

フレームの作成

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

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

ネストされたフレーム

<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>

フレームの名前指定

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

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

JavaScript でのフレーム操作

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

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

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

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