HTML-iframe

HTMLタグ <iframe> を使用してインラインフレームを定義できます。 <iframe>タグは<frameset>タグとは何の関係もありませんが、ドキュメント内のどこにでも表示できます。 <iframe>タグは、スクロールバーや境界線など、ブラウザが個別のドキュメントを表示できるドキュメント内の長方形の領域を定義します。インラインフレームは、現在のHTMLドキュメント内に別のドキュメントを埋め込むために使用されます。

*src* 属性は、インラインフレームを占めるドキュメントのURLを指定するために使用されます。

例

以下は、<iframe>の使用方法を示す例です-

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Iframes</title>
   </head>

   <body>
      <p>Document content goes here...</p>

      <iframe src = "/html/menu" width = "555" height = "200">
         Sorry your browser does not support inline frames.
      </iframe>

      <p>Document content also go here...</p>
   </body>

</html>

これは、次の結果を生成します-

<Iframe>タグの属性

name、class、frameborder、id、longdesc、marginheight、marginwidth、name、scrolling、style、、_ title_など、<iframe>タグのほとんどの属性は、<frame>タグの対応する属性とまったく同じように動作します。

'_注意-HTML5で廃止された_frameborder _、 marginwidth 、 longdesc 、 scrolling 、 marginheight_属性。これらの属性を使用しないでください。__

シニア

属性と説明

1

*src*

この属性は、フレームにロードするファイル名を指定するために使用されます。値には任意のURLを使用できます。たとえば、src = "/html/top_frame"は、htmlディレクトリにあるHTMLファイルをロードします。

2

名

この属性を使用すると、フレームに名前を付けることができます。ドキュメントをロードするフレームを示すために使用されます。これは、ページを別のフレームにロードするリンクを1つのフレームに作成する場合に特に重要です。この場合、2番目のフレームには、リンクのターゲットとして自身を識別する名前が必要です。

3

枠線

この属性は、そのフレームの境界線を表示するかどうかを指定します。 <frameset>タグのframeborder属性で指定された値が指定されている場合、それをオーバーライドし、1（yes）または0（no）のいずれかの値を取ることができます。

4

マージン幅

この属性を使用すると、フレームの境界線の左右とフレームのコンテンツの間のスペースの幅を指定できます。値はピクセル単位で指定されます。たとえば、marginwidth = "10"。

5

マージン高

この属性を使用すると、フレームの境界線の上部と下部とそのコンテンツの間のスペースの高さを指定できます。値はピクセル単位で指定されます。たとえば、marginheight = "10"。

6

高さ

この属性は、<iframe>の高さを指定します。

7

スクロール

この属性は、フレームに表示されるスクロールバーの外観を制御します。これは、「yes」、「no」、または「auto」のいずれかの値を取ります。たとえば、scrolling = "no"は、スクロールバーがないことを意味します。

8

*longdesc*

この属性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。たとえば、longdesc = "framedescription"

9

幅

この属性は、<iframe>の幅を指定します。

Html-iframes

HTML-iframe

例

<Iframe>タグの属性