HTML <iframe> 要素をオンラインで作成
HTML iFrame ジェネレーターは、HTTP または HTTPS ページを埋め込む <iframe> 要素を作成します。ソース URL、説明的なタイトル、寸法、罫線、読み込み方法、Sandbox の制限、許可するブラウザー機能、リファラーポリシーを設定し、プレビューと生成されたコードを確認できます。
iFrame ジェネレーターの設定
- URL、Title、Name は、埋め込む HTTP または HTTPS ページとフレームを識別します。
- Width、Height、Border は、ピクセルまたはパーセントを使用して CSS で iframe を設定します。
- Lazy loading は画面外の iframe の読み込みを遅らせ、Sandbox はブラウザー機能を制限します。
- Allow と Referrer は Permissions Policy の機能とリファラー情報を設定します。
プレビューと2つのコードパネルは自動的に更新されます。無効な URL には about:blank が使用されます。リモートサイトはレスポンスヘッダーによって iframe への埋め込みを拒否する場合があります。
C# で HTML <iframe> 要素を作成
上の HTML Code パネルには設定した iframe のマークアップが表示され、下の C# Code パネルでは Aspose.HTML for .NET を使用して同等の要素を作成します。
HTMLDocumentとHTMLIFrameElementを作成します。Src、Title、任意のNameを設定し、ICSSStyleDeclaration.SetProperty()で寸法と罫線を適用します。Element.SetAttribute()でloading、sandbox、allow、referrerpolicyの値を追加します。- iframe をドキュメント本体へ追加し、
HTMLDocument.Save()でiframe.htmlとして保存します。
最初に iframe を設定し、更新された C# コードを .NET プロジェクトへコピーしてください。
HTML iFrame ジェネレーターの FAQ
1. iframe のプレビューが空白になる、またはサイトが読み込まれないのはなぜですか?
サイトが X-Frame-Options ヘッダーまたは Content Security Policy の frame-ancestors ディレクティブで埋め込みを拒否している可能性があります。生成された HTML や C# コードではリモートサーバーのポリシーを変更できないため、所有者が埋め込みを許可している URL を使用してください。
2. 高さをパーセントで指定すると予期しない結果になるのはなぜですか?
パーセントの高さは iframe を含むブロックの計算済みの高さに依存します。親に明確な高さがない場合は、ピクセルを使用するか、親コンテナーに高さを明示してください。
3. Sandbox の制限と Allow の違いは何ですか?
HTML の sandbox 属性は埋め込みページの機能を制限し、allow は Permissions Policy を通じて選択したブラウザー機能を許可します。必要な機能だけを許可してください。allow を設定しても Sandbox の制限は解除されません。
4. iframe にはどのリファラーポリシーを選ぶべきですか?
埋め込み先のサービスが特定のポリシーを要求しない限り、ブラウザーの既定値を使用します。リファラー情報を送信しない場合は no-referrer、同一オリジンには完全な URL、セキュアな別オリジンにはオリジンだけを送る場合は strict-origin-when-cross-origin を選びます。
5. 入力した iframe URL が about:blank に置き換えられるのはなぜですか?
プレビューでは有効な HTTP および HTTPS URL だけを受け付けます。空、形式が不正、または実行可能な可能性があるスキームは、iframe のソースとして動作しないよう about:blank に置き換えられます。
Aspose.HTML for .NET のインストール
.NET CLI を使用して、NuGet から Aspose.HTML for .NET をインストールします。
dotnet add package Aspose.HTML
NuGet パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は
インストール ガイド
を参照してください。評価制限なしで API を試すには、
一時ライセンス
を申請できます。
関連する HTML ジェネレーター
専用ジェネレーターで他の HTML 構造や要素を作成できます。