HTML框架元素

由 hcduguo

HTML 嵌入式框架

  • HTML <iframe>用于显示嵌套的网页（网页中的网页）。
  • HTML <iframe>标签用于定义嵌入框架，因此也称为嵌入式框架。
  • HTML <iframe>在HTML文档中的矩形区域嵌入了另一个文档。
  • 网页内容和<iframe>内容可以使用JavaScript进行交互。

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

<figure>
    <iframe src="/html/" width="99%" height="300px"></iframe>
</figure>

效果展示：

语法格式:

<iframe src = “url”>……<iframe>

该URL指向不同的网页。

Iframe高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如：”80%”)。

示例代码

<iframe src="/html/" width="200" height="200"></iframe>

效果展示：

亲自试试

Iframe – 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 “0” 移除iframe的边框:

示例代码

<iframe src="/html/" frameborder="0"></iframe>

效果展示：

亲自试试

使用iframe来显示目标链接页面

iframe可以显示一个目标链接的页面

目标链接的属性必须使用iframe的属性，如下实例:

示例代码

<iframe src="/html/" name="iframe_a"></iframe>
<p><a href="http://www.runoon.com" target="iframe_a">RUNOON.COM</a></p>

效果展示：

RUNOON.COM

亲自试试

HTML iframe 标签

标签 说明
<iframe> 定义一个内联的iframe

相关