<iframe>(内联框架)标签是HTML中用于在文档中嵌套另一个HTML文档或外部资源(如网页、图片、视频等)的标签。<iframe> 允许你在一个文档中嵌入一个独立的窗口,并且可以显示不同源(origin)的内容。

以下是一个简单的 <iframe> 标签的例子:
<!DOCTYPE html>
<html>
<head>
  <title>iframe示例</title>
</head>
<body>
  <h2>主页面</h2>
  <p>这是主页面的内容。</p>

  <!-- 嵌套一个外部网页 -->
  <iframe src="https://www.example.com" width="600" height="400" title="外部网页"></iframe>

  <!-- 页面其他内容 -->

</body>
</html>

在这个例子中,<iframe> 标签嵌套了一个外部网页,其中 src 属性指定了外部网页的URL,width 和 height 属性指定了框架的宽度和高度。title 属性提供了一个对嵌套内容的简短描述,有助于辅助技术和搜索引擎理解框架的内容。

需要注意的是,使用 <iframe> 时要小心,确保嵌套的内容是可信任的,以防止安全漏洞。一些网站可能会采用X-Frame-Options等安全头(security headers)来控制是否允许其在 <iframe> 中显示。

此外,<iframe> 标签也可以用于嵌套其他类型的内容,例如嵌套音频、视频、地图等。


转载请注明出处:http://www.zyzy.cn/article/detail/3863/HTML