仕様書

意味

[84] iframe 要素は、 その入れ子閲覧文脈を表現します。 >>51

構文

[55] HTML構文では、開始タグも終了タグも省略できません >>51。

属性

文脈

[53] 埋め込み内容が使える場所で利用できます >>51。

分類

[52] iframe 要素は次の通り分類されています >>51。

状態

[72] 要素、閲覧文脈包含子の状態に加えて:

内容

[9]

内容模型

(%flow)*

[11] iframe 要素の内容は、未対応 UA や不使用設定の UA だけが表示するべきです HTML 4 16.5。

HTMLIFrameElement インターフェイス

[57] iframe 要素の要素インターフェイスは、 HTMLIFrameElement インターフェイスです >>51。

[58] このインターフェイスは文書環境に晒されています >>51。

[59] HTMLElement インターフェイスを継承する >>51 他、 次のメンバーがあります >>51, >>60。

[66] iframe 要素は、 次の状態を持ちます。

処理

[68] フレームを参照。

[65] iframe 要素要素の属性に関する属性変更手順群は、新しい値を次のようにしなければなりません >>51。

[75] iframe 要素の属性 attr が表す機能について、 文書文書が利用を認められる (allowed to use) かどうかは、 次の手順によります >>51。

[85] つまり最上位閲覧文脈であるか、上位のすべてのフレームで attr 属性が指定されているなら、その機能を使うことが認められます。 どの時点の属性値が適用されるかは allowfullscreen とそれ以外とで微妙に違っています。

レンダリング

[13] 行内フレームは大きさを変更できません。ですから noresize 属性はありません。 HTML 4 16.5

[14] HTML 4 は >>13 としていますが、利用者の便を考えれば、 UA は寸法変更機能を設けた方が良いかもしれません。

安全性

[15] フレーム一般と同じく、外部文書を埋込み、 DOM などで相互に操作できることによって生じ得る保安上の問題に注意が必要です。 多くの UA では、異なるドメインでのスクリプトによる access を禁止するなどの措置をとっています。 (現状では十分ではないという指摘もありますし、 あまり制限しすぎると自由度が失われるという問題もあります。)

[1] 異なるドメインの参照は (大抵) 広告とかだし、ブラウザの設定で出来ないようにして欲しいなあ。

[2] >>1 それを言うなら iframe 自体こうこっく(以下略)

[19] img 要素などと同じように、 ごく小さな大きさを指定したり CSS などにより非表示にしたりして閲覧者が気付かないうちに別の資源が読み込まれるように仕組むことができます。 img 要素の場合と同様にアクセス・カウンタのような (閲覧者にとって) 比較的無害な場合もあれば、 ブラクラのような危険なものが埋め込まれる可能性もあります。 アクセス・カウンタの類と一口に言っても、 単なる計数の場合もあれば、閲覧者の個人情報の収集を狙ったものである可能性もあり、 注意が必要なことには変わりありません。 >>18 の問題のように、外部のサイトに影響を与えさせることを狙った使用例もあります (>>20)。

[20] 注意: 単純な GET アクセスによって鯖側の状態に大きく影響を与えてしまう (安全でない) のは REST 的に間違った実装であり、その外部サイトの側が iframe で参照されるか否か以前の問題を抱えているとも言えます。 ただし >>18 のようなアクセス数を数えるという場合には必然的に GET でなければなりませんし、 REST というか HTTP 的にも一応問題ないことになってはいるので、 難しい問題ではあります。

[26] 実例: 2ch からランク付け対象サイトへのリンク

2chにlivedoor秘書乙部Blogが埋め込まれている! http://blog.livedoor.jp/otobeorz/

アクセス数によって順位付けされている日記サイトへの iframe を使ったリンクが、 日記の著者とは無関係の第三者である 2ch の Web頁に含まれていました。 2ch は膨大なアクセスのある掲示板サイトで、 これによって、当該日記の順位は急上昇しました。

2ch の管理者であるひろゆきは、 アクセス数の水増しのための不正があった場合に、 それが第三者によるものであってもその日記を削除するという日記システム管理者の方針が日記システム管理者の関係者であっても例外とされずに適用されるかを確かめたかったとしています。

この事例は、技術的には

• 無関係な Web頁を利用者が気づかないうちに読込ませられるという Webブラウザ実装上の問題
• 本来冪等で安全な GET 要求で自動順位付けすることの是非

社会的には

• アクセス数という表面的なもので順位付けしている愚かさ
• 悪意のある第三者によってシステム利用者が不利益を被り得る運用方法

への注意を喚起しています。

また、日記システム提供者のライブドアは、 iframe によりリンクに対して JavaScript のコードによる報復を行っていますが、 やろうと思えばそれ以上にえげつないこともできました。

[22] 実例: mixi による閲覧者の特定

• [23] インターネット殺人事件 : 日記 : 2005-02 http://internet.kill.jp/d/200502.html#d14_t2
• [24] fladdict.net blog: MIXIを使った、トラフィックの個人追跡システム http://www.fladdict.net/blog-jp/archives/2005/12/mixi.php

会員制で、ある会員 X がある内部の頁 P_M を閲覧したことを、 P_M の著者である別の会員 Y が知り得る機能 (足跡) が存在するサービス mixi を悪用することで、 Y は外部の Web 頁 Q を閲覧した mixi 会員の個人情報を入手し得ます。

機能を悪用する会員 Y がよろしくないのは別として (あるいは正当な利用だとの主張もできるかもしれませんがw)、 別の Web サイトに情報を送ることができる Web ブラウザの実装にも、個人情報を半自動で (= 会員の意識しない間に) 記録する mixi のシステムにも問題があります。

知的財産権に関して

[21] 埋め込み型リンクと著作権等との関係については frame の項をご覧下さい。

不思議解釈

[16] iframe は inline frame の略のようですから、 インライン・フレームと読むのが適当でしょう。 省略形は省略形のまま読む派 (謎) なら アイ・フレーム も許容範囲でしょう。

中にはイフレームと読む人もいます。違和感ありまくりですが、 アイ・フレームが良くてイフレームは悪いとする理由はなさそうですから、 まあ良いでしょう。

ところが、世間にはイン・フレームと読む人もいます。 確かに inline frame の省略としてあり得るものではありますが、 単なるインとインラインでは意味が随分違ってきます。 イン・フレームと読むとフレームの中ととられても仕方がありません。 あるいは、頁の中のフレームという意味と誤解していることからそう呼ぶのかもしれませんが、 もしそうだとしたら呆れるばかりです。

インナー・フレームなる用例も発見しました。 確かに頁の内側にあることには違いありませんが・・・。

[17] 読み方のまとめ:

• ○ 行内フレーム
• ○ インライン・フレーム
• ○ アイ・フレーム
• × イフレーム
• × イン・フレーム
• × インナー・フレーム

[25] iframe の代替内容に frame!?

タグ講座の中には、

      <iframe width=150 height=200 src="blahblah.html">
      <frame src="blahblah.html">
      </iframe> 

のように代替内容として frame 要素を入れろとしているものがあるそうです。

[29] Safari Developer FAQ (2006-12-31 11:40:00 +09:00 版) http://developer.apple.com/jp/internet/safari/faq.html#anchor5

SafariのBack/Forwardキャッシュ(訪れた人がブラウザの「戻る」ボタンや「進む」ボタンを押した時点から蓄積されるキャッシュ)も、ページにフレームを含めることによって阻止することができます。フレームベースのページは、Back/Forwardキャッシュには保存されず、非フレームベースのページも下に示す不可視のiframeを追加することによって同じように動作します。

(名無しさん)

[32] アイフレと略す人もいるそうです。

例

[10] 単純な埋め込み例 HTML 4 16.5

  <IFRAME src="foo.html" width="400" height="500"
             scrolling="auto" frameborder="1">
  [Your user agent does not support frames or is currently configured
  not to display frames. However, you may visit
  <A href="foo.html">the related document.</A>]
  </IFRAME>

この例では、対応している UA は文章中に foo.html を枠線付きで埋込みます。未対応 UA は iframe の内容をレンダリングします。

[110] これは YouYube の埋め込みのデフォルト:

width="560" height="315"

関連

[12] object 要素型を使っても HTML 文書などを埋込むことができます。属性などは異なりますが、 レンダリングなどに関してはおおむねどちらを使っても同じです。 また、多くの UA では基本的に利用者から見て同じようになります。

[71] frame 要素と似ていますが、 frame 要素は frameset 要素でしか使えません。

歴史

[142] IE4

[143] Web Workshop - Frequently Asked Questions About HTML Coding for Internet Explorer, Microsoft Corporation, 2024-09-26T15:29:19.000Z, 2000-12-03T23:42:26.961Z https://web.archive.org/web/20001203232800/http://msdn.microsoft.com/workshop/Author/ie3html/HTMLFAQ1.asp

<IFRAME WIDTH="75%" HEIGHT="55%"
NAME="fframe" SRC="hlsimple.doc">
   <FRAME WIDTH="75%" HEIGHT="55%" NAME="fframe"
SRC="hlsimple.doc">
   <EMBED SRC="hlsimple.doc" width=200 height=100>
</IFRAME>

To view the embedded document or spreadsheet, the user must have the appropriate application installed. To open hlsimple.doc in the example above, they will need Microsoft Word or Word Viewer, so it may be appropriate to provide a link to http://www.microsoft.com to download a viewer. Viewers are available for Microsoft Word, Microsoft Excel, and Microsoft PowerPoint®. You can also convert the document, spreadsheet, or presentation to HTML using appropriate Internet Assistant add-ons. The resulting HTML files may require further enhancements (for example, you may need to use style sheets to retain the original appearance). These HTML files can also be displayed in floating frames as shown above.

[144] >>143 IE だと iframe で Word が表示でき、 NN だと embed で Word が表示できる。 でも frame は何の役にもたたないよね。。。

[114] IFRAME Element | IFRAME Object, InetSDK, 2024-09-26T15:12:18.000Z, 2000-10-19T08:25:49.387Z https://web.archive.org/web/20001019082530/http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/IFRAME.asp

[112] Compatibility in Internet Explorer 5.5, InetSDK, 2024-08-17T06:11:38.000Z, 2000-11-09T16:32:40.647Z https://web.archive.org/web/20001109162200/http://msdn.microsoft.com/workshop/Author/dhtml/overview/compat.asp

[113] Using IFRAME Elements, InetSDK, 2024-08-17T06:14:22.000Z, 2000-11-22T01:39:07.589Z https://web.archive.org/web/20001122013700/http://msdn.microsoft.com/workshop/author/dhtml/overview/inlinefloatingframes.asp

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [
	<!ENTITY % XLINK.xmlns.attrib "xmlns:xhtml2 CDATA #FIXED 'http://www.w3.org/2002/06/xhtml2'">
	<!ENTITY % Inline.extra "| xhtml2:l | iframe">
	<!ENTITY % newInlineContents "(#PCDATA|br|span|em|strong|dfn|code|samp|kbd|var|cite|abbr|acronym|q|sub|sup|bdo|a|img|map|object|input|select|textarea|label|button|ruby|ins|del|script|noscript|xhtml2:l)*">
	<!ENTITY % coreAttributes "
	  id    ID    #IMPLIED
	  class CDATA #IMPLIED
	  style CDATA #IMPLIED
	  title CDATA #IMPLIED">
	<!ELEMENT xhtml2:l %newInlineContents;>
	<!ATTLIST xhtml2:l %coreAttributes;>
	<!ELEMENT iframe %newInlineContents;>
	<!ATTLIST iframe
	      %coreAttributes;
	      longdesc     CDATA               #IMPLIED
	      src          CDATA               #IMPLIED
	      frameborder  ( 1 | 0 )           '1'
	      marginwidth  CDATA               #IMPLIED
	      marginheight CDATA               #IMPLIED
	      scrolling    ( yes | no | auto ) 'auto'
	      height       CDATA               #IMPLIED
	      width        CDATA               #IMPLIED
	>
]>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:xhtml2="http://www.w3.org/2002/06/xhtml2"
	xml:lang="ja">