【HTML】iframeタグ - WEBページの埋め込み

HTMLのiframeタグについて解説します。

検証環境

HTML

macOS

14.1

iframeタグ

iframeタグは“Webページを埋め込む”タグです。

<iframe src="URL"></iframe>

主な属性は次の通りです。

属性名	必須	内容
src	-	埋め込むWEBページのURL
srcdoc	-	HTMLドキュメント（ソースコード）の埋め込み

Webページの埋め込みはsrc属性を設定します。

sample.html

<iframe src="https://it-hack.net"></iframe>

プレビュー

HTMLドキュメントの埋め込みはsrcdoc属性を設定します。

山括弧（<や>）などの特殊文字を含む場合はエスケープシーケンスが必要です。

HTMLドキュメントの埋め込みをsrcdoc属性に設定する際、特殊文字はエスケープコードで記述します。

sample.html

<iframe srcdoc="&lt;h1&gt;HTML&lt;/h1&gt;
&lt;p&gt;HTMLの正式名称はHyperText Markup Languageです。&lt;/p&gt;"></iframe>

プレビュー