画像・メディア

`<iframe>` 別のページを埋め込む

重要度4 / 5

意味

地図や動画など、別のページをはめ込む場合に使います。中身が分かるように title 属性を付けます。画面の外にあるものは loading="lazy" で読み込みを後回しにできます。

HTML

<iframe
  src="https://www.google.com/maps/embed?pb=..."
  title="事務所までの地図"
  width="600" height="400"
  loading="lazy"></iframe>

プレビュー（初期表示）

出典: MDN Web Docs（`@mdn/browser-compat-data`）