Widely available すべての主要ブラウザで対応済み。安心して使用可能。
テキスト・構造 Widely available

<iframe>

<iframe> 要素は別の HTML ページを現在のページに埋め込みます。外部サイトのコンテンツ統合に使用されます。

テキスト・構造

概要

<iframe> 要素は別の HTML ページを現在のページに埋め込みます。外部サイトのコンテンツ統合に使用されます。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 4+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 3.2+
Firefox Android 4+

基本構文

HTML 
<iframe src="https://example.com"
  width="600" height="400"
  title="外部コンテンツ"
  loading="lazy"
  sandbox="allow-scripts allow-same-origin">
</iframe>

実務での使いどころ

  • <iframe> の活用

    別の HTML ページを埋め込むインラインフレーム要素。外部コンテンツの統合に使用。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク