在线创建 HTML <iframe> 元素

HTML iFrame 生成器创建用于嵌入 HTTP 或 HTTPS 页面中的 <iframe> 元素。设置 Source URL、描述性 Title、尺寸、边框、Loading 行为、Sandbox 限制、允许的浏览器功能和 Referrer Policy,然后检查预览并复制生成的 HTML 或 C# 代码。



使用 C# 创建 HTML <iframe> 元素

上方 HTML Code 面板包含已配置的 <iframe> markup。下方 C# Code 面板使用 Aspose.HTML for .NET 创建等效元素。

生成的代码执行以下步骤:

  1. 创建 HTMLDocument 和 HTMLIFrameElement 。
  2. 设置 Src、Title 和可选的 Name,再通过 ICSSStyleDeclaration.SetProperty() 应用尺寸和边框。
  3. 使用 Element.SetAttribute() 添加所选的 loading、sandbox、allow 和 referrerpolicy 值。
  4. 将 iframe 添加到文档 body,并使用 HTMLDocument.Save() 保存为 iframe.html。

先配置 iframe,然后将更新后的 C# 代码复制到 .NET 项目中。


HTML iFrame 生成器常见问题

1. 为什么网站在 iframe 预览中显示空白或拒绝加载?

网站可能通过 X-Frame-Options 响应标头或 Content Security Policy 的 frame-ancestors 指令阻止 framing。生成的 HTML 和 C# 代码无法绕过远程服务器策略,请使用所有者允许嵌入的 URL。

2. 为什么百分比高度会产生意外结果?

百分比高度取决于 iframe containing block 的计算高度。如果父元素没有明确高度,请使用像素,或为父容器定义明确高度。

3. Sandbox 限制与 Allow 有什么区别?

属性 sandbox 限制嵌入页面的功能,allow 则通过 Permissions Policy 授予选定的浏览器功能。只授予嵌入内容所需的功能,而且 allow 值不会移除 Sandbox 限制。

4. iframe 应选择哪种 Referrer Policy?

除非嵌入服务要求特定策略,否则使用浏览器默认值。选择 no-referrer 可不发送 referrer 信息;选择 strict-origin-when-cross-origin 可在同源请求中发送完整 URL,在安全的跨域请求中只发送 origin。

5. 为什么生成器将 iframe URL 替换为 about:blank?

预览只接受有效的 HTTP 和 HTTPS URL。空值、格式错误或可能执行代码的 scheme 会被替换为 about:blank,防止其作为 iframe Source 在生成器预览中运行。


安装 Aspose.HTML for .NET

使用 .NET CLI 从 NuGet 安装 Aspose.HTML for .NET :

dotnet add package Aspose.HTML

您也可以使用 NuGet 包管理器界面,或在包管理器控制台中运行 Install-Package Aspose.HTML。有关配置详情,请参阅 安装指南 ;如需不受评估版限制地测试 API,请申请 临时许可证 。