中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

Inline FRAMEs

IFRAME要素は、表示画面の一部をサブウィンド構造内にする、インライン要素。

• IFRAME要素は、Transitional DTD/Frameset DTD の下で記述します。
• title/longdesc属性でサブウィンドの説明を記述します。
• 要素の内容は０個以上のインライン/ブロック要素（Flow）で、IFRAME要素に対応していないブラウザの為にメッセージを記述します。

W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Transitional より

<!-- inline subwindow -->
<!ELEMENT iframe %Flow;>
<!ATTLIST iframe
  %coreattrs;
  longdesc    %URI;          #IMPLIED
  name        NMTOKEN        #IMPLIED
  src         %URI;          #IMPLIED
  frameborder (1|0)          "1"
  marginwidth %Pixels;       #IMPLIED
  marginheight %Pixels;      #IMPLIED
  scrolling   (yes|no|auto)  "auto"
  align       %ImgAlign;     #IMPLIED
  height      %Length;       #IMPLIED
  width       %Length;       #IMPLIED  >

HTML記述

<p>
<iframe title="サブウィンドの表示例１">
ご利用中のブラウザトは、フレームに対応していないか<br />
フレームを表示しないよう設定されているようです。<br />
<a href="iframe.htm">IFRAME要素の解説</a>を参照して下さい。
</iframe>
</p>

表示例

longdesc    %URI;          #IMPLIED

TITLE属性でサブウィンドの説明が説明出来ないくらい長い場合、説明用のページのURIを記述します。省略可。

name        NMTOKEN        #IMPLIED
src         %URI;          #IMPLIED

name属性

サブウィンドの内容を書き換える際に、目標（ target ）となる識別名。name属性を使用する場合id属性が必須。属性の値は、id属性の値と同じです。省略可。

name属性 は、廃止される方向ですが、過去の勧告との適合性を鑑み、XHTML™ 1.0 2'nd Edition では、name属性 を使用する場合、id属性 と name属性 の両方を記述する事が必要です。

src属性

サブウィンド内に最初に表示させるHTML文書のURI。省略可。

フレーム内書換例

frameborder (1|0)          "1"

サブウィンド外枠の表示。

• 0 ： 外枠無し
• 1 ： 外枠有り （初期値）

<iframe title="frameborder='0'の表示例" frameborder="0">

marginwidth %Pixels;       #IMPLIED
marginheight %Pixels;      #IMPLIED

marginwidth属性

サブウィンド外枠と表示部の左右のマージン（隙間）をPX値で記述します。省略時はブラウザにより決定されます。

marginheight属性

サブウィンド外枠と表示部の上下のマージン（隙間）をPX値で記述します。省略時はブラウザにより決定されます。

px値を指定する場合は、100pxと記述するのではなく、100と整数値で指定します。

scrolling   (yes|no|auto)  "auto"

サブウィンド内のスクロールバーの表示指示。省略時は、"auto"です。

• yes　： 常時表示し
• no 　： 表示無し
• auto ： 必要に応じて表示 （初期値）

<iframe title="scrolling='no'の表示例" scrolling="no" src="***.html">

height      %Length;       #IMPLIED
width       %Length;       #IMPLIED

height属性

サブウィンドの高さを px 、表示可能な高さの％ で示します。省略時はブラウザにより決定されます。

width属性

サブウィンドの幅を px 、表示可能な高さの％ で示します。省略時はブラウザにより決定されます。

px値を指定する場合は、100pxと記述するのではなく、100と整数値で指定します。

<iframe title="height/width属性の使用例" height="100" width="200">