HTMLのiframeタグの使用方法


  1. 基本的な使用方法:

    <iframe src="https://example.com"></iframe>

    上記のコードでは、src属性に表示したいウェブページのURLを指定しています。このコードを使用することで、指定したURLのウェブページが現在のページ内に表示されます。

  2. 幅と高さの指定:

    <iframe src="https://example.com" width="500" height="300"></iframe>

    上記のコードでは、width属性とheight属性を使用して、表示するiframeの幅と高さをピクセル単位で指定しています。このように指定することで、iframeのサイズを調整することができます。

  3. 境界線の削除:

    <iframe src="https://example.com" frameborder="0"></iframe>

    上記のコードでは、frameborder属性に値として"0"を指定しています。これにより、iframeの周囲に表示される境界線が削除されます。

  4. 別ウィンドウでの開封:

    <iframe src="https://example.com" target="_blank"></iframe>

    上記のコードでは、target属性に"_blank"を指定しています。これにより、リンク先のウェブページが新しいウィンドウで開かれます。

  5. 埋め込みコンテンツのスクロール:

    <iframe src="https://example.com" scrolling="no"></iframe>

    上記のコードでは、scrolling属性に"no"を指定しています。これにより、埋め込まれたコンテンツ内でのスクロールが無効化されます。

これらはいくつかの基本的な例ですが、他にも様々な属性やオプションがあります。具体的な要件に応じて、適切な属性や値を使用してiframeタグをカスタマイズすることができます。