フレーム (Web ページ)

[24] フレーム (frame) は、文書中に他の文書を埋め込むものです。フレームを表す閲覧文脈を、入れ子閲覧文脈といいます。

仕様書

言語

[7] フレームに関連する次の要素があります。

[68] フレームの要素

iframe ★

object ★
embed ★
frame ★
frameset
noframes
XFrames

[47] このうち「★」が閲覧文脈包含子となり得るものです。

閲覧文脈包含子

[45] 入れ子閲覧文脈の「親」要素に相当するものを、閲 (えつ) 覧 (らん) 文 (ぶん) 脈 (みゃく) 包 (ほう) 含 (がん) 子 (し) (browsing context container) >>44 といいます。フレームを作る要素 (例えば iframe 要素) に当たります。

[46] 閲覧文脈包含子は、次の状態を持ちます。

入れ子閲覧文脈
内容文書

[82] 閲覧文脈閲覧文脈の包 (ほう) 含 (がん) 子 (し) (container) は、閲覧文脈包含子であって入れ子閲覧文脈が閲覧文脈であるようなものです。そのような閲覧文脈包含子がなければ null です。 >>44

[84] 閲覧文脈閲覧文脈の包 (ほう) 含 (がん) 子 (し) 文 (ぶん) 書 (しょ) (container document) は、次のものです。 >>44

[85] 閲覧文脈の包含子が null の場合、
1. [86] null を返します。
[87] それ以外の場合、
1. [88] 閲覧文脈の包含子の節点文書を返します。

[89] 簡単に言えば iframe 要素が含まれている文書を指しています。 iframe 要素が影木に含まれる場合であっても、影を含む根たる文書となります。

[83] かつては nested through と呼ばれていました >>55, >>49。令和元(2019)年の HTML Standard の改定で変更されました >>19。

[55] HTML Standard (2016-05-31 13:46:41 +09:00) https://html.spec.whatwg.org/#browsing-context-nested-through

[78] 文書文書の埋め込んでいる文書 (embedding document) は、 文書の閲覧文脈の包含子文書です。 >>77

[79] UIR でもこの語が使われています。

[80] 文書の閲覧文脈がない場合の挙動は仕様書に明記されていません。 Does settings prohibit mixed security contexts? は文書が埋め込んでいる文書を持つか否かで分岐します。閲覧文脈が null の場合、埋め込んでいる文書も null と解するべきでしょう。

[90] 関係して、入れ子閲覧文脈の閲覧文脈との親子関係に、子供閲覧文脈等があります。

処理

[62] iframe 要素や frame 要素要素が文書に挿入されたら、次のようにしなければなりません >>51, >>20。

[27] 文書が閲覧文脈を持たなければ、停止します。
[28] 要素の入れ子閲覧文脈を、閲覧文脈の作成の結果に設定します。
[50] 名前を、要素の name 属性値に設定します。
[29] 要素の入れ子閲覧文脈の閲覧文脈名を、 名前が null なら空文字列、それ以外なら名前に設定します。
[30] 属性の処理を初回実行します。

[94] name="" 属性値が閲覧文脈名に反映されるのは、この閲覧文脈の作成の時点です。その後の属性値の変更は反映されません。 (以前は反映される仕様でした。 <iframe name> )

[63] iframe 要素や frame 要素要素が文書から削除されたら、次のようにしなければなりません >>51, >>20。

[52] 要素の入れ子閲覧文脈が null でないなら、
1. [53] 要素の入れ子閲覧文脈について、閲覧文脈を捨てる処理を実行します。
2. [54] 要素の入れ子閲覧文脈を、 null に設定します。

[64] 文書のunloadではなく文書を捨てるが実行されます。

[21] 属性の変更時には、次に示す属性の処理が呼び出されます。 iframe, frame

[67] iframe属性の処理 (process the iframe attributes) /frame属性の処理 (process the frame attributes) は、 要素について、次のようにしなければなりません >>51, >>20。

[95] 要素の入れ子閲覧文脈の活性文書の completely loaded が偽の場合、
1. [96] 置換を、真に設定します。
[97] それ以外で、要素の入れ子閲覧文脈のセッション履歴が文書を1つだけ含み、その初期「about:blank」文書であるが真の場合、
1. [98] 置換を、真に設定します。
[99] それ以外の場合、
1. [100] 置換を、偽に設定します。
[37] 要素が iframe で、要素に srcdoc 属性があれば、
1. [31] 次の通り navigate します。
  navigate する閲覧文脈
  要素の入れ子閲覧文脈
  新しい資源
  [32] 応答
  URLリスト
  (about:srcdoc)
  HTTPS状態
  要素の節点文書のHTTPS状態
  CSPリスト
  要素の節点文書のCSPリストの clone
  ヘッダーリスト
  Content-Type
  text/html
  本体 (文字列)
  要素の srcdoc 属性値
  始点閲覧文脈
  要素の節点文書の閲覧文脈
  置換有効
  置換
  iframe srcdoc文書
  真
[36] それ以外で、要素に src 属性が無く、本処理が初回実行なら、
1. タスクをタスクキューに追加します。
  タスク
  タスク源
  DOM操作タスク源
  処理
  [42] 要素が iframe なら、
  iframe load event steps を実行します。
  それ以外なら、
  単純イベントを発火します。
  単純イベント
  イベント型
  load
  イベント対象
  要素
それ以外なら、
1. URL を、 about:blank に設定します。
2. 要素に src 属性があり、値が空文字列以外なら、
  1. 要素の基底URLに対して src 属性値で URLの解決を行います。
  2. 成功なら、 URL を、解決した URL に設定します。
3. [41] 祖先閲覧文脈で活性文書の文書の番地と URL が同じものがあるなら、ここで停止します。ただしここで URLの比較に当たり素片識別子は無視します。
4. navigate します。
  新しい資源
  要求
  [58] 要求
  URL
  URL
  参照元ポリシー
  要素が iframe 要素の場合、 要素の referrerpolicy 属性の状態
  navigate する閲覧文脈
  要素の入れ子閲覧文脈:始点閲覧文脈:要素の節点文書の閲覧文脈
  置換有効
  置換

[23] frame 要素の2回目以降の呼び出しで src 属性が指定されていない場合 (>>42) についてなぜか HTML Standard では規定がありません。

利用者インターフェイス

[26] sandbox

[69] Webブラウザーによっては、フレームを取り出して最上位閲覧文脈として表示する機能がメニューにあります。

[70] とても便利なのに、ついてない Webブラウザーもあって困ったりします。

[71] Webページによってはフレーム前提で JavaScript などが作られていて、単独で正しく表示できないかもしれませんが。

[72] sandbox で制限されている場合、最上位閲覧文脈とすると制限が解除されて危険な場合もあります。 (が、そもそも Webアプリケーションとして脆弱で好ましくない状態です。)

セキュリティー

[22] sandbox、X-Frame-Options、クリックジャッキング

法令との関係

フレームによる無断埋め込み

[14] 偽「松阪市公式HP」 | Okumura's Blog (2009-02-11 09:36:10 +09:00 版) http://oku.edu.mie-u.ac.jp/~okumura/blog/node/2354

単に本物の松阪市ホームページをフレームで表示しているだけ

県警によれば「事件性はない」が,刑事事件にならないからといって,民事訴訟だってありうるし,いずれにしても善良な市民のすることではないので,真似しないこと。

新聞記事: http://image.blog.livedoor.jp/info_matsusaka/imgs/0/3/0341de4b.JPG

[15] >>14 単に警察が判断しただけで判例でもなんでもありませんが、単にフレームとして埋め込んだという事実だけでは問題ないという判断が下されたことは興味深いです。

歴史

フレームの誕生

[9] フレームは Netscape Navigator 2.0 が最初に実装しました。

[116] Frames, 2024-08-16T05:47:44.000Z, 1997-06-13T23:34:00.174Z http://web.archive.org/web/19970613233354/http://www1.netscape.com/comprod/products/navigator/version_2.0/frames/index.html

[113] Frames -An Introduction, 2024-08-16T05:35:58.000Z, 1997-06-13T21:35:20.866Z http://web.archive.org/web/19970613213437/http://www1.netscape.com/assist/net_sites/frames.html

[115] Frame Basics, 2024-08-16T05:44:05.000Z, 1997-06-13T22:25:41.661Z http://web.archive.org/web/19970613222244/http://www82.netscape.com/assist/net_sites/frame_syntax.html

[114] Frame Implementation Notes, 2024-08-16T05:40:20.000Z, 1997-06-13T22:24:44.889Z http://web.archive.org/web/19970613222258/http://www82.netscape.com/assist/net_sites/frame_implement.html

[121] WWW-HTML Jul-Sep 1995: A proposal for addition to HTML 3.0: Frames, 2024-08-16T13:47:38.000Z, 1997-07-28T15:36:31.463Z https://web.archive.org/web/19970728153627/http://www.eit.com/goodies/lists/www.lists/www-html.1995q3/0588.html

[124] >>121

This document is designed to be viewed using <b>Netscape 1.2</b>'s
Frame features. If you are seeing this message, you are using
a frame <i>challenged</i> browser.

ほう、この時代には 2.0 でなく 1.2 になる予定だったのかあ。

[125] Wayback Machine, 2024-09-26T14:54:01.000Z https://web.archive.org/web/19970728153627/http://www.eit.com/goodies/lists/www.lists/www-html.1995q3/0588.html

[126] ところが >>121 は1995-09-18, >>125 は1995-09-19。 >>125 には

Netscape recently announced their new browsers, the Netscape Navigator 2.0 and Netscape Navigator Gold 2.0.

とある。2.0 が出ると発表されていたわけだ。

[127] ということは >>124 は古い社内情報が例文に残ったと考えるべきなのか、それとも何かの typo なのか。

[117] HTML要素概説

要素名

frameset

要素名

frame

日付

1995-09-18

説明

1995頃、 Netscape Navigator 2.0 は、 frameset, frame を実装した。 FrameBasics 1995-09-18、 Netscape Communications Corporation は www-html に仕様案を投稿した。 >>129 現行仕様である。

出典

[130] HTML要素概説

要素名: frame
参照: iframe
参照: include

NN3

[120] Welcome to Netscape Navigator 3.0, 2024-08-16T11:46:39.000Z, 2002-06-30T20:10:08.695Z https://web.archive.org/web/20020630200918/http://wp.netscape.com/eng/mozilla/3.0/relnotes/windows-3.0.html#Layout

HTML4

[133] 1996-07-10の Cougar には

The frame tags will probably be added
once we have an agreed definition for them.

とあって、フレーム機能は含まれないものの、追加すること自体は合意されていた模様。

[131] 1996-09-03付 Cougar DTD にフレーム機能が追加されているものの、これは HTML ERB の公式のものではなさそう。 Cougar

[132] >>131 では Netscape の提案がほぼそのまま取り込まれていた。

[134] Cougar 時代に実際にフレームが追加されたことは確認できない。

[140] フレームのみの WD が1997-03-31に公開されている。 >>139

[119] この版ではほぼ Netscape の仕様がそのまま取り込まれているが、 noframes が body 内でも使えることになっているなど、細部は違う。

[136] HTML 4.0 となった最初の WD にはフレームが追加されている。 >>135

[137] その WD に付属する1997-07-08版 DTD の先頭は >>133 の文言が差し替わって

The frame tags have been added in acknowledgement of their
widespread deployment.

となっている。

[118] HTML要素概説

要素名: frameset
要素名: frame
要素名: noframes
日付: 1996-07-10
説明: 1996-07-10版 Cougar DTD の注釈に、フレームの構想がある。 HTML4-19960710

frameset

frame

noframes

iframe

日付

1997-03-31

説明

1997-03-31版フレーム仕様>>145に frameset, frame, iframe, noframes がある。

出典

Implementing HTML Frames, W3C, Working Draft, 31-Mar-97, 2000-03-13T14:38:35.000Z, 2024-08-16T06:42:47.708Z https://www.w3.org/TR/WD-frames-970331

注釈

[145] 後に HTML4 に発展した。

[101] HTML4 は HTML のフレーム機能を初めて標準化しました。

[104] 一般的には HTML4 はフレームを好ましからざる機能の扱いにしたと認識されていますが、実際はそう単純でもありません。

[105] HTML4 には厳密DTD、移行用DTD、フレーム集合DTDの3つの DTD (≒ 3つの適合水準) を用意していまいた。このうち厳密DTDと移行用DTDの違いは非推奨の機能を含まないか含むかの違いです。

[106] フレーム集合DTDは、移行用DTDのフレーム機能を有効にする形で実装されていました。つまり移行用DTDの機能をすべて含んだうえで、フレーム用のモードになっていました。

[107] 組み合わせ上は、厳密DTDをベースにフレームを有効にした DTD も作れたはずですが、実際には提供されませんでした。

[108] それではフレーム機能が移行用DTD固有の他の機能と同じように非推奨にされていたかといえば、そうでもありません。フレーム集合DTD固有の要素は非推奨とされていません >>103。

[109] また、厳密DTDの説明には

The HTML 4.01 Strict DTD includes all elements and attributes that have not been deprecated or do not appear in frameset documents.

とあり、非推奨の機能「または」フレーム集合文書に出現しない機能と敢えて並列に示されていて、フレーム集合固有の要素が非推奨となっていないのがミスではなく意図的であることをうかがわせます。

[110] ところで、この引用文は本来は「フレーム集合でしか使わない要素以外を含む」と書くべきなのに、「フレーム集合文書に出現しない要素を含む」と書いていて、意味がおかしくなってしまっています。実際は厳密DTDの要素は body を除きすべてフレーム集合DTDでも使えます。

[111] iframe 要素と noframes 要素は非推奨ではないにも関わらず、移行用DTDとフレーム集合DTDでは使えるのに厳密DTDでは使えません。このような性質の要素はこの2つだけです。

[112] 索引では前者が「L」、後者が「F」となっています。凡例の説明が不十分ですが、どちらも「L」であるべきです。 >>103

[8] 旧 HTML WG は XFrames を提案しましたが、受け入れられませんでした。

[1] 段組は愚かなのだろうか? http://pc2.2ch.net/test/read.cgi/hp/1043588207/ 段組云々とかいいながら実際はフレームがテーマなわけだが。
[2] >>1 用語が混乱しててわかりにくいよなあ

[3] フレームの大きさを noresize で固定する奴、あれが激しく使いづらいですよねぇ。糞著者は自分と違った大きさの窓で読んでる人のことも考えて欲しい。 Scroll bar 消す奴も同罪。

これ、ブラウザ側に無効化機能がついていないのも不思議。 (Mr.Anonymous 2004-05-27 13:01:32 +00:00)

[4] HTML のフレームは presentation だけで semantics がないという問題を抱えているので、こんなのを考えてみた。

<frameset
  xmlns:docs="http://profile.example/">
  <frame rel="docs:contents"
    src="toc"/>
  <frame rel="docs:body"
    src="page1"/>
</frameset>

フレーム内の文書では、 <anchor href="page2" rel="next docs:body">Next</anchor> とでもしておきます。

rel 属性は QName 並びで、リンクを辿る時には target 属性のように作用します。フレームの rel 値と一致するものが見つかれば、そこに表示すると言う寸法。

(Mr.Anonymous 2004-05-27 13:09:08 +00:00)

[5] rel 属性の中に一つもフレームと一致するものがなければ、現在の文書(群)とは関係のない文書へのリンクということで、 _top なり _blank なりで表示すれば OK (どちらにするかはスタイルシートで制御)。 (Mr.Anonymous 2004-05-27 13:11:57 +00:00)

[6] frameは本当に便利か - 駄的HTML改善計画 http://car.s35.xrea.com/better/frame.php

[10] Frames (2007-02-28 00:19:09 +09:00 版) http://web.archive.org/web/19970613221220/www82.netscape.com/comprod/products/navigator/version_2.0/frames/index.html (名無しさん)

[11] >>10 みてもやっぱり、アイディアはよかったと思うんだけどね。。。 (名無しさん 2007-02-27 15:34:11 +00:00)

[12] MAMA: Frames - Opera Developer Community (2008-11-25 20:37:51 +09:00 版) http://dev.opera.com/articles/view/mama-frames/

[13] しかし CSS を使ったいわゆる擬似フレームは、結構メジャーになったとはいえ、いまいちなんか微妙なんですよねー。

[122] Terra Informatica Software, Inc., 2024-08-17T09:37:55.000Z, 2011-01-01T08:17:50.894Z https://web.archive.org/web/20110101081723/http://www.terrainformatica.com/htmlayout/logfile.whtm