在线创建 HTML <iframe> 元素
HTML iFrame 生成器创建用于嵌入 HTTP 或 HTTPS 页面中的 <iframe> 元素。设置 Source URL、描述性 Title、尺寸、边框、Loading 行为、Sandbox 限制、允许的浏览器功能和 Referrer Policy,然后检查预览并复制生成的 HTML 或 C# 代码。
HTML iFrame 生成器选项
交互式生成器提供以下控件:
- URL, Title, and Name 标识嵌入的 HTTP 或 HTTPS 页面及其 frame。
- Width, Height, and Border 使用像素或百分比通过 CSS 控制 iframe。
- Lazy loading 可延迟加载屏幕外的 iframe,Sandbox 应用浏览器限制。
- Allow and Referrer 配置 Permissions Policy 功能和 referrer 信息。
预览和两个代码面板会自动更新。无效 URL 会使用 about:blank,远程网站仍可能通过响应标头拒绝 iframe 嵌入。
使用 C# 创建 HTML <iframe> 元素
上方 HTML Code 面板包含已配置的 <iframe> markup。下方 C# Code 面板使用
Aspose.HTML for .NET
创建等效元素。
生成的代码执行以下步骤:
- 创建
HTMLDocument和HTMLIFrameElement。 - 设置
Src、Title和可选的Name,再通过ICSSStyleDeclaration.SetProperty()应用尺寸和边框。 - 使用
Element.SetAttribute()添加所选的loading、sandbox、allow和referrerpolicy值。 - 将 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,请申请
临时许可证
。
相关 HTML 生成器
使用专用生成器创建其他 HTML 结构和元素。