HTML iframe-IGI

时间：2020-01-09 10:34:41 　来源:igfitidea点击:

iframe元素用于在另一个HTML页面内的框架中包含其他HTML页面。这是一个简单的示例：

<iframe width="500" height="200" src="http://theitroad.local/"></iframe>

宽度和高度属性设置了HTML文档中iframe元素的大小。

src属性设置HTML页面的URL，以显示在iframe元素内。

如果在HTML页面中包含上述iframe代码，则外观如下：

允许的iframe内容

我们可以在iframe元素中显示HTML文件以外的其他文件。实际上，所有可以在浏览器中显示的文件都可以包含在iframe中，例如.gif，.jpg，.png和.svg文件。 iframe也可以用于在HTML页面中包含来自YouTube的视频(以了解如何访问YouTube，查找视频并获取嵌入代码)。

iframe元素具有以下属性：


属性	描述
`width`	设置使用iframe的HTML文档中iframe的宽度。
`height`	设置使用iframe的HTML文档中iframe的高度。
`name`	设置iframe的名称。通过JavaScript
`sandbox`	iframe元素的安全设置。可能的值为： `“”` `allow-forms` `allow-same-origin` `allow-scripts` `allow-top-navigation` 。这些值表明是否在iframe中允许使用表单，是否允许来自与已加载页面相同来源的内容，是否允许在 iframe中运行JavaScript，以及是否iframe `可以使用户离开包含<br>'iframe`的页面。
`seamless`
`src`	设置要在此iframe中显示的HTML文档的URL。
`srcdoc`	设置HTML以在此“ iframe”中显示。可以代替“ src”属性使用。