HTML 框架 iframe

通过使用iframe,你可以在同一个浏览器窗口中显示不止一个页面。


iframe语法

使用<iframe>标签定义HTML框架

<iframe src="URL"></iframe>

src属性指定内联框架(iframe)页面的URL(Web地址)。


Iframe - 设置高度和宽度

使用heightwidth属性指定iframe的高度与宽度。

默认情况下,属性值以像素(px)为单位指定,但它们也可以是百分比(如“80%”)。

实例

<iframe src="demo_iframe.htm" height="200" width="300"></iframe>
运行 »

可以使用CSS来设置iframe的高度和宽度:

实例

<iframe src="demo_iframe.htm" style="height:200px;width:300px;"></iframe>
运行 »

iframe - 删除边框

默认情况下,iframe有边框(border)。

要删除边框,请添加style属性并使用CSS border属性:

实例

<iframe src="demo_iframe.htm" style="border:none;"></iframe>
运行 »

使用CSS,您还可以更改iframe边框的大小,样式和颜色:

实例

<iframe src="demo_iframe.htm" style="border:2px solid red;"></iframe>
运行 »


Iframe - 链接的目标

iframe可以用作链接的目标帧。

链接的target属性必须引用iframe的name属性:

实例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="https://www.uihtml.com" target="iframe_a">uihtml.com</a></p>
运行 »

HTML iframe代码

标签描述
<iframe> 标签定义HTML框架