English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ全書

HTML: <frame> タグ

<frame> は HTML 要素であり、特定の領域を定義し、別の HTML ドキュメントがその中で表示されるようにします。フレームは <frameset> 内で使用されるべきです。<frame> の使用は推奨されません。なぜなら、パフォーマンス問題や、スクリーンリーダーを使用するユーザーに対するアクセス性の欠如などの欠点があるためです。<iframe> よりも <frame> を推奨します。

オンラインの例

シンプルな3フレームのページ:

<!DOCTYPE html>
<html>
<frameset cols="25,%*,25%">
  <frame src="sun.html">
  <frame src="venus.html">
  <frame src="mercur.html">
</frameset>
</html>
テストを見てみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

主要なブラウザはすべて<frame>タグをサポートしています。

タグの定義及び使用方法

HTML5 HTMLでは<frame>タグをサポートしていません。

<frame>タグは、<frameset>内のサブウィンドウ(フレーム)を定義します。

<frameset>内の各<frame>は、border、scrolling、noresizeなど、異なる属性を設定できます。

注記:フレームを含むページを検証したい場合は、以下を確認してください。 <!DOCTYPE> 「HTML Frameset DTD」または「XHTML Frameset DTD」に設定されています。

HTML 4.01 HTMLと5の違い

HTML5 HTMLでは<frame>タグをサポートしていません。 4.01 <frame>タグをサポートしています。

HTMLとXHTMLの違い

HTMLでは、<frame>タグには終了タグがありません。XHTMLでは、<frame>タグは正しく閉じる必要があります。

オプションの属性

属性説明
frameborder0
 1
HTML5 サポートしていません。フレームの周りに枠を表示するかどうかを指定します。
longdescURLHTML5 サポートしていません。フレームの内容に関する長い説明を含むページを指定します。
marginheightpixelsHTML5 サポートしていません。フレームの上側と下側のマージンを指定します。
marginwidthpixelsHTML5 サポートしていません。フレームの左側と右側のマージンを指定します。
namenameHTML5 サポートしていません。フレームの名前を指定します。
noresizenoresizeHTML5 サポートしていません。フレームのサイズを調整することができません。
scrollingyes
 no
 auto
HTML5 サポートしていません。フレーム内にスクロールバーを表示するかどうかを指定します。
srcURLHTML5 サポートしていません。フレームに表示されるドキュメントのURLを指定

標準属性

HTMLでは、 4.01 中、<frame> タグは以下の標準属性をサポートしています:

属性説明
classclassname要素のクラス名を定義
idid要素のユニークなidを定義
stylestyle_definition要素のインラインスタイルを定義
titletext要素の追加情報を定義

詳細については、以下を訪れてください標準属性

イベント属性

W3Cの標準に基づいて、3HTMLのCの標準では、 4.01 中、<frame> タグはイベント属性をサポートしていません。

ただし、すべてのブラウザは onload イベントをサポートしています。

詳細については、以下を訪れてくださいイベント属性

オンラインサンプルを試す

水平フレーム
このサンプルでは、三つの異なるドキュメントを使用して水平フレームを作成する方法をデモンストレーションします。

混在構造フレーム
このサンプルでは、三つのドキュメントを持つフレーム構造を作成し、それらを行と列に混在させた方法をデモンストレーションします。

noresize="noresize" 属性を持つフレーム構造
このサンプルでは、noresize 属性のデモンストレーションを行います。このサンプルでは、フレームはサイズ調整ができません。フレーム間の枠にマウスをドラッグすると、枠が移動できないことがわかります。