srcdoc属性を使用するには、以下の手順に従います。
- iframe要素を作成します。以下は基本的なiframe要素の例です。
<iframe></iframe>- srcdoc属性を追加し、表示したいHTMLコンテンツを指定します。以下はsrcdoc属性を使用してコンテンツを埋め込む例です。
<iframe srcdoc="<p>This is a sample content.</p>"></iframe>- src属性を指定している場合は、srcdoc属性は無視されます。srcdoc属性とsrc属性の両方を同時に使用することはできません。
<iframe src="https://example.com" srcdoc="<p>This content will not be displayed.</p>"></iframe>以上が基本的な使用方法です。srcdoc属性を使用することで、直接HTMLコンテンツをiframe内に埋め込むことができます。
注意点として、一部の古いブラウザではsrcdoc属性がサポートされていない場合があります。したがって、クロスブラウザの互換性に注意して使用する必要があります。