HTMLでのフレームの使い方

下次还敢
リリース: 2024-04-27 19:25:37
オリジナル
1195 人が閲覧しました

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

HTMLでのフレームの使い方

#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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート