HTML Iframe
HTMLの<iframe>
要素は、他のHTMLページを現在のページに埋め込むために使用されます。この要素を使用することで、他のウェブページやコンテンツを簡単に統合することができます。
<iframe>
はインラインフレーム(inline frame)の略であり、外部のサイトや他のページの一部を現在のページに挿入することができます。これにより、動画、地図、ウィジェットなどを埋め込むことが可能です。
<iframe src="https://example.com" width="600" height="400" frameborder="0" allowfullscreen></iframe>
上記の例では、src
属性に埋め込むページのURLを指定し、width
とheight
属性でフレームの幅と高さを設定しています。また、frameborder
属性でフレームの境界線の表示を制御し、allowfullscreen
属性でフルスクリーン表示を許可しています。
<iframe>
要素は、他のHTML要素と同様にスタイルや属性を適用することができます。また、HTML5以降ではセキュリティ対策としてsandbox
属性を使用して、フレーム内の挙動を制限することも可能です。
<iframe>
を使用する際は、埋め込むコンテンツのサイズやセキュリティ設定に十分に注意し、ページのパフォーマンスやセキュリティに配慮する必要があります。