iframe标签的简单介绍

84 阅读1分钟

概念

iframe 标签用于在网页中嵌入另一个文档或网页。它可以创建一个内联的窗口,用于显示其他网页、视频、地图等内容。

简单示例

<!DOCTYPE html>
<html>
<head>
    <title>嵌入网页示例</title>
</head>
<body>
    <h1>嵌入网页示例</h1>
    <iframe src="https://www.example.com" width="800" height="600"></iframe>
</body>
</html>

属性

<iframe>标签有以下常用属性:

  • src:指定要嵌入的文档或网页的URL。
  • width:指定嵌入窗口的宽度。
  • height:指定嵌入窗口的高度。
  • frameborder:指定是否显示嵌入窗口的边框。可以设置为0(不显示)或1(显示)。
  • scrolling:指定嵌入窗口是否显示滚动条。可以设置为yes(显示)或no(不显示)。
  • sandbox:指定嵌入窗口的沙盒模式,用于增强安全性。常用的取值包括allow-same-originallow-scriptsallow-forms
  • name:指定嵌入窗口的名称,用于在其他地方引用该窗口。
  • allowfullscreen:指定是否允许嵌入的网页全屏显示。可以设置为true(允许)或false(不允许)。

这些是<iframe>标签的一些常用属性,你可以根据需要使用它们来控制嵌入窗口的样式和行为。