IFrame をいつ、どのように使用するか

インライン フレームには、ページ上の外部ソースからのコンテンツが含まれます

通常は単に呼び出されるインライン フレーム フレーム 、HTML5 で許可されている唯一のフレーム タイプです。これらのフレームは、基本的に、「切り取る」ページのセクションです。ページから切り取ったスペースに、外部 Web ページをフィードできます。





本質的に、iframe は Web ページ内に設定された別のブラウザー ウィンドウです。 Google マップや YouTube のビデオなどの外部コンテンツを含める必要がある Web サイトで一般的に使用されるコード iframe が表示されます。これらの人気のある Web サイトはどちらも、埋め込みコードで iframe を使用しています。

IFRAME 要素の使用方法

ブラウザ ウィンドウ

フィロ/ゲッティイメージズ



この要素は、HTML5 グローバル要素と他のいくつかの要素を使用します。 4 つは HTML 4.01 の属性でもあります。

  • フレームのソースの URL、
  • 窓の高さ、
  • ウィンドウの幅、および
  • ウィンドウの名前。

HTML5 の新機能は次の 3 つです。



    Srcdoc: フレームのソースの HTML。この属性は、 ソース 属性。サンドボックス: フレーム ウィンドウで許可または禁止する機能のリスト。シームレス: iframe が親ドキュメントの見えない部分であるかのようにレンダリングする必要があることをユーザー エージェントに伝えます。

シンプルな iframe を作成するには、ソース URL と幅と高さをピクセル単位で設定します。

|_+_|

ピクセルで規定されたサイズではなくパーセンテージを使用してください レスポンシブなウェブサイト そのサイズは、画面サイズごとに変更する必要があります。

Iframe ブラウザのサポート

iframe 要素は、すべての最新のデスクトップおよびモバイル ブラウザーでサポートされています。ただし、一部のブラウザーは、この要素の 3 つの新しい HTML5 属性にまだ一貫して対応していません。

iframe とセキュリティ

iframe 要素自体は、あなたやあなたのサイト訪問者にとってセキュリティ上のリスクではありません。 iframe は、悪意のある Web サイトが使用して、目に見えない iframe を指すリンクを組み込むことで、訪問者のコンピューターをページ上で見ることなく感染させる可能性があるコンテンツを含めることができ、それらのスクリプトが悪意のあるコードを起動するため、悪意のある評判を得ています。



一部のコンピューター ウイルスは、目に見えない iframe を Web ページに挿入し、事実上 Web サイトをボットネットに変えます。

サイト訪問者は、リンク先のすべてのサイトのコンテンツと同じくらい安全です。サイトが信頼できないと考える理由がある場合は、いかなる方法でもリンクしないでください。