HTML 内嵌框架标签 <iframe>

说明：

<iframe> 标签用于在网页中嵌入另一个网页或文档。它创建了一个内联框架，可以在当前页面中显示外部内容。

属性：

  • src：指定要嵌入的文档的URL。

  • width：设置框架的宽度，可以是像素值或百分比。

  • height：设置框架的高度，可以是像素值或百分比。

  • name：为框架指定一个名称，以便在其他链接或脚本中引用。

  • frameborder：设置是否显示边框，0表示无边框，1表示有边框。

  • scrolling：控制是否显示滚动条，可选值为 yes、no 或 auto。

  • allow：指定框架中允许的功能（如全屏、麦克风、摄像头等）。

  • sandbox：限制框架中的功能，增强安全性。

案例：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>IFrame 示例</title>
</head>
<body>
    <h1>嵌入百度页面</h1>
    <iframe src="https://www.baidu.com" width="600" height="400" frameborder="0" scrolling="auto" name="baiduFrame" sandbox="allow-scripts allow-same-origin">
        您的浏览器不支持 iframe。
    </iframe>
</body>
</html>

解释：

  • src="https://www.baidu.com"：嵌入百度的首页。

  • width="600"：设置框架宽度为600像素。

  • height="400"：设置框架高度为400像素。

  • frameborder="0"：不显示边框。

  • scrolling="auto"：根据需要自动显示滚动条。

  • name="baiduFrame"：为框架命名为 baiduFrame，可以在其他链接或脚本中引用。

  • sandbox="allow-scripts allow-same-origin"：允许框架内执行脚本，并允许同源请求，增强安全性。

  • 您的浏览器不支持 iframe。：在不支持 <iframe> 的浏览器中显示的备用内容。

本篇文章内容来源于：html内嵌框架标签详细说明以及案例