HTML fencedframe 语法
fencedframe 是 HTML 中一个全新的实验性标签，它的作用是：在当前页面中安全地嵌入另一个页面内容，功能有点像我们熟悉的 iframe，但在 “安全性” 和 “隐私保护” 方面做得更好。
可能有小伙伴会问：“为什么已经有了 iframe，还需要 fencedframe 呢？” 虽然 iframe 用起来很方便，但它也带来了一些问题，比如：
- 被嵌入的页面可以和当前页面通信，可能导致用户数据泄露。
- 第三方广告、嵌入组件可能窃取信息或注入脚本，存在安全隐患。
而 fencedframe 的设计目标就是解决这些问题，它会把嵌入页面 “隔离” 起来，阻止它访问主页面的数据或进行敏感操作，从而让网站更加安全可靠。
语法：
<fencedframe src="链接地址"></fencedframe>说明：
fencedframe 支持以下属性。
src（必选）：要嵌入的页面地址。width（可选）：嵌入内容的宽度。height（可选）：嵌入内容的高度。allowfullscreen（可选）：是否允许嵌入内容以全屏方式显示。allowpayment（可选）：是否允许访问支付相关 API。
注意: 由于 fencedframe 目前仍处于提案阶段，现在大多数浏览器还不支持。如果小伙伴们想尝试，需要启用实验功能或使用特定的浏览器版本。
HTML fencedframe 摘要
| 属于 | HTML 框架 |
|---|---|
| 使用频率 | 极低（实验性） |
| 兼容性 | 查看 |
| 官方文档 | 暂无 |
| MDN | 查看 |
HTML fencedframe 示例
接下来，我们通过一个简单的例子来讲解一下 HTML fencedframe 标签是如何使用的。
示例：fencedframe 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<fencedframe src="https://www.lvyenet.com" width="600" height="400"></fencedframe>
</body>
</html>分析：
上面例子定义了一个 fencedframe 标签，它的链接地址是 https://www.lvyenet.com。
fencedframe 与 iframe 的区别
fencedframe 与 iframe 这两个非常相似，但两者之间存在一定区别，如下表所示。
| fencedframe | iframe | |
|---|---|---|
| 通信方式 | 默认禁止与主页面通信 | 可以通过 JavaScript 或 DOM 进行通信 |
| 隐私保护 | 高，无法读取主页面数据 | 低，可能访问本地存储、执行脚本 |
| 安全性 | 更强，适合嵌入广告、第三方内容 | 存在一定风险，容易被第三方滥用 |
| 内容隔离 | 完全隔离，不能共享全局变量或存储空间 | 共享部分上下文，风险更高 |
| 浏览器支持 | 极少数支持（实验性） | 广泛支持 |
