ページを埋め込むことができます。入れ子にすることができる要素です。ページを埋め込むことができます。閲覧者に文書が表示される環境(ウィンドウやタブ等)のことをブラウジング・コンテキストと呼びます(ブラウザの1つのタブが1つのブラウジング・コンテキスト)。要素によって定義されるフレームも、1つのブラウジング・コンテキストになります。ページのブラウジングコンテキストは入れ子構造になります。要素は、開始と終了タグの両方が必要です。・・・></iframe>基本的な属性には、以下のようなものがあります。文書のURLを指定します。文書の高さを指定します。文書の幅を指定します。HTML(http://webdesignleaves.com)を表示する例です。HTML5では、<iframe>~</iframe>に内容を指定しても、何も意味を持たないことになっています。インラインフレームをサポートしていない古いブラウザなどの環境に配慮するなら、<iframe>~</iframe>の中に何らかのメッセージを記述しても良いと思います。対応ブラウザでご覧ください。ブラウザはこのフレームと他のすべてのフレームの間にボーダーを描きます。他フレームとの間にボーダーは描かれません。ボーダーとマージンを設定しています。block;」でブロック要素にして、左右のマージンを「auto」に指定しています。属性「scrolling="no"」を指定しています。属性」の値により、リンクをクリックした場合の動作が異なります。Map</a></li></ul></body></html>1番目のリンク:「target属性」を指定していないので、同じフレーム内にリンク先が表示されます。rel="noopener"と指定しているので、別ウィンドウ(タブ)にリンク先を表示します。3番目のリンク:target="_top"と指定しているので、ウィンドウ全体(最上位のウィンドウ)にリンク先を表示します。1番目のリンクをクリックした場合は、ブラウザによっては「戻る」ボタンで元の表示に戻す必要があるかもしれません。「リフレッシュ」ボタンでは、元に戻らない場合もあります。属性には以下のようなものがあります。これらの属性については、まだ未対応のブラウザもあるので注意が必要です。継続して利用可能な属性です。フレームの高さをピクセルで指定。フレームの幅をピクセルで指定。フレーム(ブラウジングコンテキスト・埋め込まれた文書)の名前を指定。属性の値として使えます。属性とともに使用すると想定されています。属性で指定したコンテンツより優先します。属性でファイルを指定していれば、それを代わりに表示します。「"」および「&」は文字参照(それぞれ「&quot;」「&amp;」)とする必要があります。この属性を指定すると、インラインフレーム内のコンテンツにセキュリティ上の制限をかけることができます。この属性を指定すると、境界線が表示されず、あたかも親文書の一部のように埋め込まれます。等のグローバル属性も指定できます。属性」を使って、インラインフレームに任意の名前を付けてることにより、そのインラインフレームを識別することができます。属性の値に指定して、ターゲットとすることができます。属性を指定すると、インラインフレームの内容(HTML)を属性値として記述することができます。記述する場合、以下のことに注意する必要があります。「"」および「&」は文字参照(それぞれ「&quot;」「&amp;」)とする必要があります。<body>は省略して、<body>の中身だけを記述することができます。属性でファイルを指定していれば、それを代わりに表示します。ファイルを指定しています。属性を指定すると、インラインフレームの内容(HTML)を属性値として記述することができます。属性を指定すると、インラインフレームの内容(HTML)を属性値として記述することができます。要素で読み込むコンテンツが制限され、安全性が向上します。制限されるコンテンツは以下のようなものです。ユニークなオリジンとして扱われ、同一オリジンで利用できる機能が無効になります。(インラインフレーム内のコンテンツは、同じドメイン内の文書であっても別ドメインの文書として扱われます)フォーム、スクリプト、ポップアップが無効になります。リンクが他のブラウジング・コンテキストをターゲットにできないようになります。要素などによるプラグインが無効になります。属性を設定(記述)すると、上記のすべての制限が適用されます。機能が働かない、メディアクエリが機能しないなどが確認できます。属性の値にキーワードを指定すると、制限の一部を解除することができます。キーワードは半角スペースで区切って複数指定することが可能です。埋め込まれた文書を固有のオリジンとはせず、親文書と同じオリジンを持つものとします。埋め込まれた文書から別のブラウジングコンテキストを指しているリンクを有効にします。指定されたリンクを有効にすることができます。埋め込まれた文書からのフォーム送信を許可します。埋め込まれた文書からのポップアップを許可します。埋め込まれた文書からのスクリプトの実行を許可します。以下は親文書と同じオリジンを持つものとするのと、スクリプトの実行を許可する例です。要素は、親のブラウジング・コンテキスト(iframeの呼び出し元)と同じように扱われ、境界線は表示されず、あたかも親文書の一部のように埋め込まれます。親文書から埋め込まれた文書に対してスタイルを適用したりできます。属性を使用するには、呼び出し元のブランジング・コンテキストと読み込み先のブラウジング・コンテキストのオリジンが同じである必要があります。ほとんどのブラウザが未対応です。